From d46aaa92515f77b92cdc60b3e3b141758ee05f48 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Thu, 20 Nov 2025 23:46:29 +0000
Subject: [PATCH] style tweaks to make starting a new pub an external link rather than a

---
 next-env.d.ts | 2 +-
 tsconfig.json | 19 ++++++++++++++-----
 app/[leaflet_id]/actions/PublishButton.tsx | 36 ++++++++++++++++++++++--------------
 app/lish/createPub/CreatePubForm.tsx | 11 +++++------
 4 file(s) changed, 42 insertion(s)(+), 26 deletion(s)(-)

diff --git a/next-env.d.ts b/next-env.d.ts
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/tsconfig.json b/tsconfig.json
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,13 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "types": ["@cloudflare/workers-types"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "types": [
+      "@cloudflare/workers-types"
+    ],
     "baseUrl": ".",
     "allowJs": true,
     "skipLibCheck": true,
@@ -15,7 +21,7 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "plugins": [
       {
         "name": "next"
@@ -30,7 +36,10 @@
     "**/*.js",
     "**/*.ts",
     "**/*.tsx",
-    "**/*.mdx"
+    "**/*.mdx",
+    ".next/dev/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }
diff --git a/app/[leaflet_id]/actions/PublishButton.tsx b/app/[leaflet_id]/actions/PublishButton.tsx
--- a/app/[leaflet_id]/actions/PublishButton.tsx
+++ b/app/[leaflet_id]/actions/PublishButton.tsx
@@ -34,6 +34,7 @@
 import { YJSFragmentToString } from "components/Blocks/TextBlock/RenderYJSFragment";
 import { BlueskyLogin } from "app/login/LoginForm";
 import { moveLeafletToPublication } from "actions/publications/moveLeafletToPublication";
+import { AddTiny } from "components/Icons/AddTiny";
 
 export const PublishButton = (props: { entityID: string }) => {
   let { data: pub } = useLeafletPublicationData();
@@ -292,14 +293,22 @@
               </div>
             </div>
           </div>
-          <div className="flex gap-2 menuItem">
-            <PublishSmall className="shrink-0" />
+          <div className="flex gap-2 px-2 py-1 ">
+            <PublishSmall className="shrink-0 text-border" />
             <div className="flex flex-col leading-snug">
-              <div className="text-secondary font-bold">
-                Start a Publication!
+              <div className="text-border font-bold">
+                Publish to Publication
               </div>
-              <div className="text-tertiary text-sm font-normal">
-                Publish your writing to a blog or newsletter on AT Proto
+              <div className="text-border text-sm font-normal">
+                Publish your writing to a blog on AT Proto
+              </div>
+              <hr className="my-2 drashed border-border-light border-dashed" />
+              <div className="text-tertiary text-sm font-normal ">
+                You don't have any Publications yet.{" "}
+                <a target="_blank" href="/lish/createPub">
+                  Create one
+                </a>{" "}
+                to get started!
               </div>
             </div>
           </div>
@@ -329,14 +338,13 @@
               </PubOption>
             );
           })}
-          <PubOption
-            selected={props.selectedPub === "create"}
-            onSelect={() => props.setSelectedPub("create")}
-          >
-            <>
-              <AddSmall /> Create New Publication
-            </>
-          </PubOption>
+          <div className="flex items-center px-2 py-1 text-accent-contrast gap-2">
+            <AddTiny className="m-1 shrink-0" />
+
+            <a target="_blank" href="/lish/createPub">
+              Start a new Publication
+            </a>
+          </div>
         </div>
       )}
     </div>
diff --git a/app/lish/createPub/CreatePubForm.tsx b/app/lish/createPub/CreatePubForm.tsx
--- a/app/lish/createPub/CreatePubForm.tsx
+++ b/app/lish/createPub/CreatePubForm.tsx
@@ -127,14 +127,13 @@
         onChange={(e) => setShowInDiscover(e.target.checked)}
       >
         <div className=" pt-0.5 flex flex-col text-sm text-tertiary  ">
-          <p className="font-bold italic">
-            Show In{" "}
+          <p className="font-bold italic">Show In Discover</p>
+          <p className="text-sm text-tertiary font-normal">
+            Your posts will appear on our{" "}
             <a href="/discover" target="_blank">
               Discover
-            </a>
-          </p>
-          <p className="text-sm text-tertiary font-normal">
-            You'll be able to change this later!
+            </a>{" "}
+            page. You can change this at any time!
           </p>
         </div>
       </Checkbox>

--
tangled.sh