a tool for shared writing and social publishing
did my best with the pub footer
+114
-18
+83
app/lish/[handle]/[publication]/Actions.tsx
+83
app/lish/[handle]/[publication]/Actions.tsx
···
1
+
"use client";
2
+
3
+
import { Media } from "components/Media";
4
+
import { NewDraftActionButton } from "./NewDraftButton";
5
+
import { HomeButton } from "components/HomeButton";
6
+
import { ActionButton } from "components/ActionBar/ActionButton";
7
+
import { useRouter } from "next/navigation";
8
+
import { Popover } from "components/Popover";
9
+
import { SettingsSmall } from "components/Icons/SettingsSmall";
10
+
import { CreatePubForm } from "app/lish/createPub/CreatePubForm";
11
+
import { ShareSmall } from "components/Icons/ShareSmall";
12
+
import { Menu } from "components/Layout";
13
+
import { MenuItem } from "components/Layout";
14
+
import Link from "next/link";
15
+
16
+
export const Actions = (props: { publication: string }) => {
17
+
return (
18
+
<>
19
+
<Media mobile>
20
+
<HomeButton isPublication />
21
+
</Media>
22
+
<NewDraftActionButton publication={props.publication} />
23
+
<PublicationShareButton />
24
+
<PublicationSettingsButton publication={props.publication} />
25
+
<hr className="border-border-light" />
26
+
<HomeButton isPublication />
27
+
</>
28
+
);
29
+
};
30
+
31
+
function PublicationShareButton() {
32
+
return (
33
+
<Menu
34
+
className="max-w-xs"
35
+
asChild
36
+
trigger={
37
+
<ActionButton
38
+
id="pub-share-button"
39
+
icon=<ShareSmall />
40
+
secondary
41
+
label="Share"
42
+
onClick={() => {}}
43
+
/>
44
+
}
45
+
>
46
+
<MenuItem onSelect={() => {}}>
47
+
<Link href={"/"} className="text-secondary hover:no-underline">
48
+
<div>Viewer Mode</div>
49
+
<div className="font-normal text-tertiary text-sm">
50
+
View your publication as a reader would
51
+
</div>
52
+
</Link>
53
+
</MenuItem>
54
+
<MenuItem onSelect={() => {}}>
55
+
<div>
56
+
<div>Share Your Publication</div>
57
+
<div className="font-normal text-tertiary text-sm">
58
+
Copy the reader link for this publication{" "}
59
+
</div>
60
+
</div>
61
+
</MenuItem>
62
+
</Menu>
63
+
);
64
+
}
65
+
66
+
function PublicationSettingsButton(props: { publication: string }) {
67
+
let router = useRouter();
68
+
69
+
return (
70
+
<Popover
71
+
asChild
72
+
trigger={
73
+
<ActionButton
74
+
id="pub-settings-button"
75
+
icon=<SettingsSmall />
76
+
label="Settings"
77
+
/>
78
+
}
79
+
>
80
+
<CreatePubForm />
81
+
</Popover>
82
+
);
83
+
}
+2
-13
app/lish/[handle]/[publication]/page.tsx
+2
-13
app/lish/[handle]/[publication]/page.tsx
···
8
8
import { Footer } from "components/ActionBar/Footer";
9
9
import { PublicationDashboard } from "./PublicationDashboard";
10
10
import { DraftList } from "./DraftList";
11
-
import {
12
-
NewDraftActionButton,
13
-
NewDraftSecondaryButton,
14
-
} from "./NewDraftButton";
11
+
import { NewDraftSecondaryButton } from "./NewDraftButton";
15
12
import { getIdentityData } from "actions/getIdentityData";
16
13
import { ThemeProvider } from "components/ThemeManager/ThemeProvider";
14
+
import { Actions } from "./Actions";
17
15
18
16
const idResolver = new IdResolver();
19
17
···
111
109
const PubNotFound = () => {
112
110
return <div>ain't no pub here</div>;
113
111
};
114
-
115
-
const Actions = (props: { publication: string }) => {
116
-
return (
117
-
<>
118
-
<NewDraftActionButton publication={props.publication} />
119
-
120
-
</>
121
-
);
122
-
};
+1
-1
app/lish/createPub/CreatePubForm.tsx
+1
-1
app/lish/createPub/CreatePubForm.tsx
···
18
18
let { identity } = useIdentityData();
19
19
return (
20
20
<form
21
-
className="container w-full flex flex-col gap-3 p-3 "
21
+
className="flex flex-col gap-3"
22
22
onSubmit={async (e) => {
23
23
e.preventDefault();
24
24
// Note: You'll need to update the createPublication function to handle the logo file
+3
-1
app/lish/createPub/page.tsx
+3
-1
app/lish/createPub/page.tsx
···
6
6
<div className="createPubContent h-full flex items-center max-w-sm w-full mx-auto ">
7
7
<div className="createPubFormWrapper h-fit w-full flex flex-col gap-4">
8
8
<h2 className="text-center">Create Your Publication!</h2>
9
-
<CreatePubForm />
9
+
<div className="container w-full p-3">
10
+
<CreatePubForm />
11
+
</div>
10
12
</div>
11
13
</div>
12
14
</div>
+5
-3
components/HomeButton.tsx
+5
-3
components/HomeButton.tsx
···
1
+
"use client";
1
2
import Link from "next/link";
2
3
import { useEntitySetContext } from "./EntitySetProvider";
3
4
import { ActionButton } from "components/ActionBar/ActionButton";
···
8
9
import { useSmoker } from "./Toast";
9
10
import { AddToHomeSmall } from "./Icons/AddToHomeSmall";
10
11
import { HomeSmall } from "./Icons/HomeSmall";
12
+
import { permission } from "process";
11
13
12
-
export function HomeButton() {
14
+
export function HomeButton(props: { isPublication?: boolean }) {
13
15
let { permissions } = useEntitySetContext();
14
16
let searchParams = useSearchParams();
15
17
16
-
if (permissions.write)
18
+
if (permissions.write || props.isPublication)
17
19
return (
18
20
<>
19
21
<Link
···
24
26
>
25
27
<ActionButton icon={<HomeSmall />} label="Go Home" />
26
28
</Link>
27
-
<AddToHomeButton />
29
+
{!props.isPublication && <AddToHomeButton />}
28
30
</>
29
31
);
30
32
return null;
+20
components/Icons/SettingsSmall.tsx
+20
components/Icons/SettingsSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const SettingsSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
>
12
+
<path
13
+
fillRule="evenodd"
14
+
clipRule="evenodd"
15
+
d="M16.6526 1.69545C16.782 1.93355 17.036 2.07109 17.3056 2.0979C17.5753 2.12472 17.8516 2.03986 18.0253 1.8318L18.1344 1.70123C18.4056 1.3765 18.8597 1.25131 19.2249 1.46508C19.4654 1.60589 19.6908 1.76851 19.8987 1.94995C20.217 2.22771 20.2437 2.69724 20.023 3.05747L19.9342 3.20249C19.7926 3.43367 19.8001 3.72115 19.9121 3.96805C20.024 4.21473 20.2358 4.41312 20.5026 4.45954L20.6702 4.48869C21.0868 4.56115 21.4218 4.89193 21.419 5.31478C21.4181 5.45189 21.4109 5.59018 21.397 5.72933C21.3832 5.86841 21.3631 6.00535 21.337 6.13989C21.2565 6.55501 20.8629 6.81336 20.4402 6.80237L20.2702 6.79795C19.9994 6.79091 19.7527 6.94374 19.5944 7.16359C19.436 7.38362 19.372 7.66399 19.4653 7.91854L19.5238 8.07823C19.6693 8.47488 19.5507 8.93 19.1839 9.13967C18.9444 9.2766 18.6914 9.39163 18.4279 9.48233C18.0278 9.62004 17.6072 9.40787 17.4052 9.03607L17.324 8.88661C17.1946 8.64838 16.9404 8.51076 16.6706 8.48394C16.401 8.45713 16.1248 8.54197 15.9511 8.74997L15.8419 8.88068C15.5707 9.20544 15.1165 9.33065 14.7514 9.11687C14.5109 8.97608 14.2855 8.8135 14.0776 8.6321C13.7593 8.35435 13.7326 7.88479 13.9533 7.52454L14.0421 7.37961C14.1837 7.14835 14.1762 6.86078 14.0642 6.6138C13.9522 6.36704 13.7404 6.16858 13.4734 6.12215L13.306 6.09302C12.8894 6.02056 12.5544 5.68975 12.5572 5.26689C12.5581 5.12986 12.5653 4.99166 12.5791 4.85259C12.593 4.71345 12.6131 4.57646 12.6392 4.44187C12.7198 4.02674 13.1134 3.76839 13.5361 3.77938L13.706 3.7838C13.9769 3.79084 14.2236 3.638 14.3819 3.41813C14.5404 3.19806 14.6044 2.91761 14.5111 2.663L14.4526 2.50345C14.3072 2.10683 14.4258 1.65174 14.7925 1.44211C15.0321 1.30519 15.2851 1.19016 15.5487 1.09948C15.9487 0.961805 16.3694 1.17399 16.5713 1.54578L16.6526 1.69545ZM18.4696 5.43825C18.3882 6.25644 17.659 6.85377 16.8408 6.77242C16.0226 6.69107 15.4253 5.96184 15.5066 5.14365C15.588 4.32545 16.3172 3.72812 17.1354 3.80948C17.9536 3.89083 18.5509 4.62005 18.4696 5.43825ZM9.4174 7.83297C9.66092 7.09385 10.4069 6.53441 11.2704 6.68433C11.7496 6.76752 12.2146 6.89274 12.6612 7.05606C13.4851 7.35736 13.8514 8.21547 13.6928 8.97735L13.6852 9.01349C13.6666 9.10322 13.7023 9.25226 13.8586 9.36967C13.897 9.39847 13.935 9.42767 13.9726 9.45727C14.1262 9.57793 14.2794 9.574 14.3613 9.5327L14.393 9.51673C15.0882 9.16609 16.0115 9.29846 16.516 10.0154C16.7908 10.4061 17.0322 10.8222 17.2359 11.2597C17.6063 12.0555 17.2587 12.9221 16.6074 13.3489L16.5775 13.3685C16.5007 13.4188 16.4203 13.5499 16.4477 13.7441C16.4545 13.792 16.4607 13.8399 16.4664 13.8879C16.4893 14.0802 16.5997 14.1852 16.6867 14.2139L16.7219 14.2255C17.461 14.469 18.0205 15.2149 17.8706 16.0785C17.7874 16.5577 17.6622 17.0226 17.4989 17.4692C17.1976 18.2932 16.3395 18.6596 15.5776 18.5009L15.5418 18.4934C15.452 18.4747 15.303 18.5105 15.1856 18.6668C15.1567 18.7052 15.1275 18.7433 15.0978 18.7811C14.9771 18.9347 14.981 19.0879 15.0223 19.1698L15.0382 19.2013C15.3889 19.8965 15.2565 20.8198 14.5396 21.3242C14.1489 21.5991 13.7328 21.8405 13.2954 22.0441C12.4995 22.4146 11.6329 22.067 11.2061 21.4157L11.1865 21.3857C11.1362 21.309 11.0051 21.2286 10.8109 21.256C10.7629 21.2627 10.7149 21.269 10.6668 21.2747C10.4746 21.2976 10.3696 21.4079 10.3409 21.4949L10.3293 21.5303C10.0858 22.2694 9.33983 22.8288 8.47627 22.6789C7.99709 22.5958 7.53219 22.4706 7.08559 22.3073C6.26165 22.006 5.89526 21.1478 6.05393 20.3859L6.06147 20.3497C6.08015 20.26 6.04437 20.111 5.88811 19.9936C5.84972 19.9647 5.81165 19.9355 5.77392 19.9058C5.62033 19.7852 5.46711 19.7891 5.38522 19.8304L5.35347 19.8464C4.65822 20.197 3.73493 20.0647 3.23046 19.3477C2.9556 18.957 2.71424 18.5409 2.51062 18.1035C2.14019 17.3077 2.48778 16.4411 3.13912 16.0143L3.16943 15.9944C3.24618 15.9441 3.32657 15.813 3.29918 15.6188C3.29244 15.5709 3.28621 15.523 3.28051 15.475C3.25764 15.2828 3.14734 15.1778 3.06028 15.1491L3.02463 15.1374C2.2855 14.8939 1.72606 14.1479 1.87599 13.2843C1.95919 12.8051 2.08441 12.3402 2.24773 11.8937C2.54903 11.0697 3.40714 10.7034 4.16902 10.862L4.2055 10.8696C4.29522 10.8883 4.44425 10.8526 4.56166 10.6963C4.59044 10.658 4.61963 10.62 4.64921 10.5824C4.76988 10.4288 4.76595 10.2755 4.72465 10.1937L4.70856 10.1618C4.35791 9.4665 4.4903 8.5432 5.20731 8.03873C5.59796 7.76388 6.0141 7.52252 6.45156 7.3189C7.24735 6.9485 8.11392 7.29609 8.54071 7.94741L8.56055 7.97769C8.61085 8.05444 8.74194 8.13483 8.93621 8.10744C8.98402 8.1007 9.03189 8.09448 9.07981 8.08878C9.27198 8.06591 9.37699 7.95562 9.40567 7.86856L9.4174 7.83297ZM10.9303 8.18199C10.8961 8.20427 10.861 8.24501 10.8421 8.30237L10.8303 8.33796C10.5885 9.07196 9.92333 9.49898 9.25708 9.57827C9.21986 9.5827 9.18271 9.58752 9.14563 9.59275C8.4831 9.68617 7.72988 9.4468 7.30592 8.79982L7.28608 8.76954C7.25296 8.71899 7.20843 8.6888 7.16976 8.6762C7.13446 8.66469 7.10781 8.66797 7.08453 8.67881C6.72827 8.84463 6.38909 9.04132 6.07044 9.26552C6.04918 9.28047 6.03289 9.30221 6.02517 9.33872C6.01674 9.37866 6.02066 9.43235 6.04787 9.48629L6.06396 9.51819C6.41248 10.2092 6.24284 10.9819 5.82872 11.509C5.8058 11.5382 5.78318 11.5676 5.76088 11.5973C5.3587 12.1326 4.65678 12.4958 3.89968 12.3381L3.8632 12.3305C3.80403 12.3182 3.7512 12.3283 3.71494 12.3468C3.68183 12.3636 3.66529 12.3847 3.65648 12.4088C3.52357 12.7723 3.42164 13.1507 3.35389 13.5409C3.34946 13.5664 3.35328 13.5932 3.37365 13.6245C3.39593 13.6586 3.43667 13.6938 3.49403 13.7127L3.52967 13.7245C4.26373 13.9663 4.69075 14.6316 4.77 15.2979C4.77444 15.3351 4.77927 15.3723 4.7845 15.4094C4.87789 16.0719 4.63852 16.8251 3.99156 17.249L3.96125 17.2689C3.91069 17.302 3.8805 17.3466 3.8679 17.3852C3.8564 17.4205 3.85968 17.4472 3.87051 17.4705C4.03634 17.8267 4.23303 18.1659 4.45723 18.4845C4.47218 18.5058 4.49392 18.5221 4.53043 18.5298C4.57037 18.5382 4.62406 18.5343 4.678 18.5071L4.70975 18.4911C5.40081 18.1425 6.17354 18.3122 6.70065 18.7264C6.7299 18.7493 6.75939 18.772 6.78914 18.7944C7.32443 19.1965 7.68763 19.8985 7.52996 20.6556L7.52242 20.6918C7.5101 20.7509 7.52022 20.8038 7.53864 20.84C7.55546 20.8731 7.57662 20.8897 7.60072 20.8985C7.96415 21.0314 8.34254 21.1333 8.7328 21.201C8.75828 21.2054 8.7851 21.2016 8.81635 21.1813C8.85053 21.159 8.88571 21.1182 8.90461 21.0609L8.91625 21.0255C9.15811 20.2915 9.82335 19.8645 10.4896 19.7852C10.527 19.7808 10.5642 19.7759 10.6014 19.7707C11.264 19.6773 12.0172 19.9166 12.4411 20.5636L12.4607 20.5935C12.4939 20.6441 12.5384 20.6743 12.5771 20.6869C12.6124 20.6984 12.639 20.6951 12.6623 20.6843C13.0186 20.5184 13.3577 20.3217 13.6764 20.0975C13.6976 20.0826 13.7139 20.0608 13.7216 20.0243C13.7301 19.9844 13.7261 19.9307 13.6989 19.8767L13.683 19.8452C13.3345 19.1542 13.5042 18.3815 13.9183 17.8544C13.9413 17.8251 13.9639 17.7956 13.9863 17.7658C14.3885 17.2305 15.0904 16.8673 15.8476 17.0249L15.8834 17.0324C15.9426 17.0447 15.9954 17.0346 16.0317 17.0162C16.0648 16.9994 16.0813 16.9782 16.0901 16.9541C16.223 16.5907 16.3249 16.2123 16.3927 15.822C16.3971 15.7965 16.3933 15.7697 16.3729 15.7384C16.3506 15.7043 16.3099 15.6691 16.2525 15.6502L16.2173 15.6386C15.4833 15.3967 15.0563 14.7315 14.977 14.0652C14.9725 14.028 14.9677 13.9908 14.9624 13.9536C14.869 13.2911 15.1083 12.5378 15.7553 12.1138L15.7852 12.0942C15.8358 12.0611 15.866 12.0166 15.8786 11.9779C15.8901 11.9426 15.8868 11.916 15.876 11.8927C15.7101 11.5364 15.5134 11.1973 15.2892 10.8786C15.2743 10.8573 15.2525 10.8411 15.216 10.8333C15.1761 10.8249 15.1224 10.8288 15.0684 10.856L15.0368 10.872C14.3458 11.2205 13.5731 11.0509 13.046 10.6368C13.0168 10.6139 12.9874 10.5913 12.9576 10.5689C12.4223 10.1668 12.0591 9.46482 12.2168 8.70767L12.2243 8.67153C12.2366 8.61237 12.2265 8.55954 12.2081 8.52328C12.1912 8.49016 12.1701 8.47363 12.146 8.46482C11.7825 8.33191 11.4041 8.22998 11.0139 8.16223C10.9884 8.1578 10.9616 8.16162 10.9303 8.18199ZM9.87316 12.311C8.56399 12.311 7.50269 13.3723 7.50269 14.6815C7.50269 15.9907 8.56398 17.052 9.87316 17.052C10.738 17.052 11.4954 16.5892 11.9102 15.8948C12.0871 15.5984 12.4709 15.5016 12.7672 15.6786C13.0636 15.8556 13.1603 16.2393 12.9833 16.5357C12.3524 17.5922 11.196 18.302 9.87316 18.302C7.87363 18.302 6.25269 16.681 6.25269 14.6815C6.25269 12.682 7.87363 11.061 9.87316 11.061C10.5467 11.061 11.1791 11.2456 11.7204 11.5672C12.0172 11.7436 12.1148 12.1271 11.9385 12.4238C11.7621 12.7205 11.3786 12.8182 11.0819 12.6418C10.7285 12.4318 10.3159 12.311 9.87316 12.311ZM12.607 13.51C12.9157 13.3555 13.2912 13.4804 13.4457 13.7891C13.5177 13.9328 13.5677 14.0716 13.5918 14.2369C13.6109 14.3678 13.6108 14.5049 13.6107 14.6239L13.6107 14.647C13.6107 14.9922 13.3309 15.272 12.9857 15.272C12.6405 15.272 12.3607 14.9922 12.3607 14.647C12.3607 14.5742 12.3606 14.5255 12.3594 14.4848C12.3583 14.4459 12.3563 14.4269 12.3548 14.417C12.3538 14.4097 12.3528 14.4061 12.3512 14.4013C12.349 14.3947 12.3433 14.3793 12.328 14.3487C12.1734 14.04 12.2984 13.6646 12.607 13.51Z"
16
+
fill="currentColor"
17
+
/>
18
+
</svg>
19
+
);
20
+
};