leaflet.pub
a tool for shared writing and social publishing
some smaller styling fixes, better empty state for published list
cozylittle.house
+1
-1
app/lish/[handle]/[publication]/DraftList.tsx
+1
-1
app/lish/[handle]/[publication]/DraftList.tsx
+5
-2
app/lish/[handle]/[publication]/NewDraftButton.tsx
+5
-2
app/lish/[handle]/[publication]/NewDraftButton.tsx
···
22
22
);
23
23
}
24
24
25
-
export function NewDraftSecondaryButton(props: { publication: string }) {
25
+
export function NewDraftSecondaryButton(props: {
26
+
publication: string;
27
+
fullWidth?: boolean;
28
+
}) {
26
29
let router = useRouter();
27
30
28
31
return (
29
32
<ButtonSecondary
30
-
fullWidth
33
+
fullWidth={props.fullWidth}
31
34
id="new-leaflet-button"
32
35
onClick={async () => {
33
36
let newLeaflet = await createPublicationDraft(props.publication);
+1
-1
app/lish/[handle]/[publication]/PublicationDashboard.tsx
+1
-1
app/lish/[handle]/[publication]/PublicationDashboard.tsx
···
32
32
function Tab(props: { name: string; selected: boolean; onSelect: () => void }) {
33
33
return (
34
34
<div
35
-
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]" : ""}`}
35
+
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]" : ""}`}
36
36
onClick={() => props.onSelect()}
37
37
>
38
38
{props.name}
+14
-5
app/lish/[handle]/[publication]/page.tsx
+14
-5
app/lish/[handle]/[publication]/page.tsx
···
1
1
import { IdResolver } from "@atproto/identity";
2
2
import { supabaseServerClient } from "supabase/serverClient";
3
3
import { Metadata } from "next";
4
-
import { Fact } from "src/replicache";
5
-
import { Attributes } from "src/replicache/attributes";
6
-
import { ActionButton } from "components/ActionBar/ActionButton";
4
+
7
5
import { Sidebar } from "components/ActionBar/Sidebar";
8
6
9
7
import { Media } from "components/Media";
10
8
import { Footer } from "components/ActionBar/Footer";
11
9
import { PublicationDashboard } from "./PublicationDashboard";
12
10
import { DraftList } from "./DraftList";
13
-
import { NewDraftActionButton } from "./NewDraftButton";
11
+
import {
12
+
NewDraftActionButton,
13
+
NewDraftSecondaryButton,
14
+
} from "./NewDraftButton";
14
15
import { getIdentityData } from "actions/getIdentityData";
15
16
import { ThemeProvider } from "components/ThemeManager/ThemeProvider";
16
17
···
81
82
drafts={publication.leaflets_in_publications}
82
83
/>
83
84
),
84
-
Published: <div>none yet lol</div>,
85
+
Published: (
86
+
<div className="w-full container text-center place-items-center flex flex-col gap-3 p-3">
87
+
<div className="italic text-tertiary">
88
+
Nothing's been published yet...
89
+
</div>
90
+
<NewDraftSecondaryButton publication={publication.uri} />
91
+
</div>
92
+
),
85
93
}}
86
94
defaultTab={"Drafts"}
87
95
/>
···
108
116
return (
109
117
<>
110
118
<NewDraftActionButton publication={props.publication} />
119
+
111
120
</>
112
121
);
113
122
};
+1
-1
components/Pages/PublicationMetadata.tsx
+1
-1
components/Pages/PublicationMetadata.tsx
···
43
43
44
44
return (
45
45
<div
46
-
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"}`}
46
+
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"}`}
47
47
>
48
48
<Link
49
49
href={`/lish/${identity?.resolved_did?.alsoKnownAs?.[0].slice(5)}/${pub.publications.name}`}