From 8a98b9a6de7660d34a6a58e971fa9bee2a347078 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Thu, 15 May 2025 15:07:36 -0400
Subject: [PATCH] some smaller styling fixes, better empty state for published
 list

---
 app/lish/[handle]/[publication]/DraftList.tsx |  2 +-
 .../[handle]/[publication]/NewDraftButton.tsx |  7 +++++--
 .../[publication]/PublicationDashboard.tsx    |  2 +-
 app/lish/[handle]/[publication]/page.tsx      | 19 ++++++++++++++-----
 components/Pages/PublicationMetadata.tsx      |  2 +-
 5 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/app/lish/[handle]/[publication]/DraftList.tsx b/app/lish/[handle]/[publication]/DraftList.tsx
index e56e55f5..c332d222 100644
--- a/app/lish/[handle]/[publication]/DraftList.tsx
+++ b/app/lish/[handle]/[publication]/DraftList.tsx
@@ -24,7 +24,7 @@ export function DraftList(props: {
   if (!rel?.isAuthor) return null;
   return (
     <div className="flex flex-col gap-4">
-      <NewDraftSecondaryButton publication={props.publication} />
+      <NewDraftSecondaryButton fullWidth publication={props.publication} />
       {props.drafts.map((d) => {
         return (
           <>
diff --git a/app/lish/[handle]/[publication]/NewDraftButton.tsx b/app/lish/[handle]/[publication]/NewDraftButton.tsx
index 8dc4a491..30421a87 100644
--- a/app/lish/[handle]/[publication]/NewDraftButton.tsx
+++ b/app/lish/[handle]/[publication]/NewDraftButton.tsx
@@ -22,12 +22,15 @@ export function NewDraftActionButton(props: { publication: string }) {
   );
 }
 
-export function NewDraftSecondaryButton(props: { publication: string }) {
+export function NewDraftSecondaryButton(props: {
+  publication: string;
+  fullWidth?: boolean;
+}) {
   let router = useRouter();
 
   return (
     <ButtonSecondary
-      fullWidth
+      fullWidth={props.fullWidth}
       id="new-leaflet-button"
       onClick={async () => {
         let newLeaflet = await createPublicationDraft(props.publication);
diff --git a/app/lish/[handle]/[publication]/PublicationDashboard.tsx b/app/lish/[handle]/[publication]/PublicationDashboard.tsx
index b6027f43..0c5e01b2 100644
--- a/app/lish/[handle]/[publication]/PublicationDashboard.tsx
+++ b/app/lish/[handle]/[publication]/PublicationDashboard.tsx
@@ -32,7 +32,7 @@ export function PublicationDashboard<T extends Tabs>(props: {
 function Tab(props: { name: string; selected: boolean; onSelect: () => void }) {
   return (
     <div
-      className={`border bg-bg-page  border-b-0 px-2 pt-1 pb-0.5 rounded-t-md border-border ${props.selected ? "text-accent-1 font-bold -mb-[1px]" : ""}`}
+      className={`pubTabs border bg-bg-page  border-b-0 px-2 pt-1 pb-0.5 rounded-t-md border-border hover:cursor-pointer ${props.selected ? "text-accent-1 font-bold -mb-[1px]" : ""}`}
       onClick={() => props.onSelect()}
     >
       {props.name}
diff --git a/app/lish/[handle]/[publication]/page.tsx b/app/lish/[handle]/[publication]/page.tsx
index 264b26a5..504d6636 100644
--- a/app/lish/[handle]/[publication]/page.tsx
+++ b/app/lish/[handle]/[publication]/page.tsx
@@ -1,16 +1,17 @@
 import { IdResolver } from "@atproto/identity";
 import { supabaseServerClient } from "supabase/serverClient";
 import { Metadata } from "next";
-import { Fact } from "src/replicache";
-import { Attributes } from "src/replicache/attributes";
-import { ActionButton } from "components/ActionBar/ActionButton";
+
 import { Sidebar } from "components/ActionBar/Sidebar";
 
 import { Media } from "components/Media";
 import { Footer } from "components/ActionBar/Footer";
 import { PublicationDashboard } from "./PublicationDashboard";
 import { DraftList } from "./DraftList";
-import { NewDraftActionButton } from "./NewDraftButton";
+import {
+  NewDraftActionButton,
+  NewDraftSecondaryButton,
+} from "./NewDraftButton";
 import { getIdentityData } from "actions/getIdentityData";
 import { ThemeProvider } from "components/ThemeManager/ThemeProvider";
 
@@ -81,7 +82,14 @@ export default async function Publication(props: {
                     drafts={publication.leaflets_in_publications}
                   />
                 ),
-                Published: <div>none yet lol</div>,
+                Published: (
+                  <div className="w-full container text-center place-items-center flex flex-col gap-3 p-3">
+                    <div className="italic text-tertiary">
+                      Nothing's been published yet...
+                    </div>
+                    <NewDraftSecondaryButton publication={publication.uri} />
+                  </div>
+                ),
               }}
               defaultTab={"Drafts"}
             />
@@ -108,6 +116,7 @@ const Actions = (props: { publication: string }) => {
   return (
     <>
       <NewDraftActionButton publication={props.publication} />
+      
     </>
   );
 };
diff --git a/components/Pages/PublicationMetadata.tsx b/components/Pages/PublicationMetadata.tsx
index c6c1fd19..095339c2 100644
--- a/components/Pages/PublicationMetadata.tsx
+++ b/components/Pages/PublicationMetadata.tsx
@@ -43,7 +43,7 @@ export const PublicationMetadata = ({
 
   return (
     <div
-      className={`flex flex-col px-3 sm:px-4 pb-4 sm:pb-4  ${cardBorderHidden ? "sm:pt-6 pt-0" : "sm:pt-4 pt-2"}`}
+      className={`flex flex-col px-3 sm:px-4 pb-4 sm:pb-4  ${cardBorderHidden ? "sm:pt-6 pt-0" : "sm:pt-3 pt-2"}`}
     >
       <Link
         href={`/lish/${identity?.resolved_did?.alsoKnownAs?.[0].slice(5)}/${pub.publications.name}`}
-- 
2.51.2