From 2ffceb259f0389540e741ca219bd829e6012cd6f Mon Sep 17 00:00:00 2001
From: Vyacheslav Matyukhin <me@berekuk.ru>
Date: Thu, 26 Dec 2024 18:22:28 -0300
Subject: [PATCH] tuning compare page

---
 .../upgrade-versions/UpgradeVersionsPage.tsx  | 11 ------
 .../compare/UpgradeButton.tsx                 |  8 +++++
 .../admin/upgrade-versions/compare/page.tsx   | 34 ++++++++++++++-----
 3 files changed, 33 insertions(+), 20 deletions(-)

diff --git a/apps/hub/src/app/admin/upgrade-versions/UpgradeVersionsPage.tsx b/apps/hub/src/app/admin/upgrade-versions/UpgradeVersionsPage.tsx
index d06231846d..6fdbd1bfd5 100644
--- a/apps/hub/src/app/admin/upgrade-versions/UpgradeVersionsPage.tsx
+++ b/apps/hub/src/app/admin/upgrade-versions/UpgradeVersionsPage.tsx
@@ -175,17 +175,6 @@ export const UpgradeVersionsPage: FC<{
   return (
     <div className="container mx-auto">
       <H2>Upgrade model versions</H2>
-      <div>
-        <p className="text-xs">
-          Check models with their current version and the new version, then
-          press the upgrade button if everything is ok.
-        </p>
-        <p className="text-xs">
-          <strong>
-            {`Code edits won't be saved, "Upgrade" button bumps only the model's version.`}
-          </strong>
-        </p>
-      </div>
       <div className="mt-2 text-sm">
         <div>Dev models: {devCount}</div>
         <div>
diff --git a/apps/hub/src/app/admin/upgrade-versions/compare/UpgradeButton.tsx b/apps/hub/src/app/admin/upgrade-versions/compare/UpgradeButton.tsx
index 08272bfcf0..2a85e2aca1 100644
--- a/apps/hub/src/app/admin/upgrade-versions/compare/UpgradeButton.tsx
+++ b/apps/hub/src/app/admin/upgrade-versions/compare/UpgradeButton.tsx
@@ -12,6 +12,14 @@ export const UpgradeButton: FC<{
   model: ModelFullDTO;
 }> = ({ model }) => {
   const router = useRouter();
+
+  if (
+    model.currentRevision.contentType === "SquiggleSnippet" &&
+    model.currentRevision.squiggleSnippet.version === defaultSquiggleVersion
+  ) {
+    return null;
+  }
+
   return (
     <SafeActionButton
       action={adminUpdateModelVersionAction}
diff --git a/apps/hub/src/app/admin/upgrade-versions/compare/page.tsx b/apps/hub/src/app/admin/upgrade-versions/compare/page.tsx
index 8cb5dfc75f..26dfce510c 100644
--- a/apps/hub/src/app/admin/upgrade-versions/compare/page.tsx
+++ b/apps/hub/src/app/admin/upgrade-versions/compare/page.tsx
@@ -1,5 +1,6 @@
 import { notFound } from "next/navigation";
 
+import { H2 } from "@/components/ui/Headers";
 import { StyledLink } from "@/components/ui/StyledLink";
 import { modelRoute } from "@/lib/routes";
 import { loadModelFull } from "@/models/data/full";
@@ -26,15 +27,30 @@ export default async function CompareVersionsPage({ searchParams }: Props) {
 
   return (
     <div className="bg-white">
-      <StyledLink
-        href={modelRoute({
-          owner: model.owner.slug,
-          slug: model.slug,
-        })}
-      >
-        {model.owner.slug}/{model.slug}
-      </StyledLink>
-      <UpgradeButton model={model} />
+      <H2>
+        <div className="flex items-center gap-4">
+          <div>
+            Compare model{" "}
+            <StyledLink
+              href={modelRoute({ owner: model.owner.slug, slug: model.slug })}
+            >
+              {model.owner.slug}/{model.slug}
+            </StyledLink>
+          </div>
+          <UpgradeButton model={model} />
+        </div>
+      </H2>
+      <div>
+        <p className="text-xs">
+          Check models with their current version and the new version, then
+          press the upgrade button if everything is ok.
+        </p>
+        <p className="text-xs">
+          <strong>
+            {`Code edits won't be saved, "Upgrade" button bumps only the model's version.`}
+          </strong>
+        </p>
+      </div>
       <UpgradeableModel model={model} />
     </div>
   );