leaflet.pub
a tool for shared writing and social publishing
style tweaks to make starting a new pub an external link rather than a redirect
cozylittle.house
+42
-26
+22
-14
app/[leaflet_id]/actions/PublishButton.tsx
+22
-14
app/[leaflet_id]/actions/PublishButton.tsx
···
34
34
import { YJSFragmentToString } from "components/Blocks/TextBlock/RenderYJSFragment";
35
35
import { BlueskyLogin } from "app/login/LoginForm";
36
36
import { moveLeafletToPublication } from "actions/publications/moveLeafletToPublication";
37
+
import { AddTiny } from "components/Icons/AddTiny";
37
38
38
39
export const PublishButton = (props: { entityID: string }) => {
39
40
let { data: pub } = useLeafletPublicationData();
···
292
293
</div>
293
294
</div>
294
295
</div>
295
-
<div className="flex gap-2 menuItem">
296
-
<PublishSmall className="shrink-0" />
296
+
<div className="flex gap-2 px-2 py-1 ">
297
+
<PublishSmall className="shrink-0 text-border" />
297
298
<div className="flex flex-col leading-snug">
298
-
<div className="text-secondary font-bold">
299
-
Start a Publication!
299
+
<div className="text-border font-bold">
300
+
Publish to Publication
300
301
</div>
301
-
<div className="text-tertiary text-sm font-normal">
302
-
Publish your writing to a blog or newsletter on AT Proto
302
+
<div className="text-border text-sm font-normal">
303
+
Publish your writing to a blog on AT Proto
304
+
</div>
305
+
<hr className="my-2 drashed border-border-light border-dashed" />
306
+
<div className="text-tertiary text-sm font-normal ">
307
+
You don't have any Publications yet.{" "}
308
+
<a target="_blank" href="/lish/createPub">
309
+
Create one
310
+
</a>{" "}
311
+
to get started!
303
312
</div>
304
313
</div>
305
314
</div>
···
329
338
</PubOption>
330
339
);
331
340
})}
332
-
<PubOption
333
-
selected={props.selectedPub === "create"}
334
-
onSelect={() => props.setSelectedPub("create")}
335
-
>
336
-
<>
337
-
<AddSmall /> Create New Publication
338
-
</>
339
-
</PubOption>
341
+
<div className="flex items-center px-2 py-1 text-accent-contrast gap-2">
342
+
<AddTiny className="m-1 shrink-0" />
343
+
344
+
<a target="_blank" href="/lish/createPub">
345
+
Start a new Publication
346
+
</a>
347
+
</div>
340
348
</div>
341
349
)}
342
350
</div>
+5
-6
app/lish/createPub/CreatePubForm.tsx
+5
-6
app/lish/createPub/CreatePubForm.tsx
···
127
127
onChange={(e) => setShowInDiscover(e.target.checked)}
128
128
>
129
129
<div className=" pt-0.5 flex flex-col text-sm text-tertiary ">
130
-
<p className="font-bold italic">
131
-
Show In{" "}
130
+
<p className="font-bold italic">Show In Discover</p>
131
+
<p className="text-sm text-tertiary font-normal">
132
+
Your posts will appear on our{" "}
132
133
<a href="/discover" target="_blank">
133
134
Discover
134
-
</a>
135
-
</p>
136
-
<p className="text-sm text-tertiary font-normal">
137
-
You'll be able to change this later!
135
+
</a>{" "}
136
+
page. You can change this at any time!
138
137
</p>
139
138
</div>
140
139
</Checkbox>
+1
-1
next-env.d.ts
+1
-1
next-env.d.ts
···
1
1
/// <reference types="next" />
2
2
/// <reference types="next/image-types/global" />
3
-
/// <reference path="./.next/types/routes.d.ts" />
3
+
import "./.next/dev/types/routes.d.ts";
4
4
5
5
// NOTE: This file should not be edited
6
6
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
+14
-5
tsconfig.json
+14
-5
tsconfig.json
···
1
1
{
2
2
"compilerOptions": {
3
-
"lib": ["dom", "dom.iterable", "esnext"],
4
-
"types": ["@cloudflare/workers-types"],
3
+
"lib": [
4
+
"dom",
5
+
"dom.iterable",
6
+
"esnext"
7
+
],
8
+
"types": [
9
+
"@cloudflare/workers-types"
10
+
],
5
11
"baseUrl": ".",
6
12
"allowJs": true,
7
13
"skipLibCheck": true,
···
15
21
"moduleResolution": "node",
16
22
"resolveJsonModule": true,
17
23
"isolatedModules": true,
18
-
"jsx": "preserve",
24
+
"jsx": "react-jsx",
19
25
"plugins": [
20
26
{
21
27
"name": "next"
···
30
36
"**/*.js",
31
37
"**/*.ts",
32
38
"**/*.tsx",
33
-
"**/*.mdx"
39
+
"**/*.mdx",
40
+
".next/dev/types/**/*.ts"
34
41
],
35
-
"exclude": ["node_modules"]
42
+
"exclude": [
43
+
"node_modules"
44
+
]
36
45
}