leaflet.pub
a tool for shared writing and social publishing
refresh HelpPopover to replace 'templates' with 'made with leaflet' and simplify a bit
schlage.town
+27
-21
+27
-21
components/HelpPopover.tsx
+27
-21
components/HelpPopover.tsx
···
19
19
<HoverButton
20
20
icon={<HelpSmall />}
21
21
noLabelOnMobile
22
-
label="About This App"
22
+
label="About"
23
23
background="bg-accent-1"
24
24
text="text-accent-2"
25
25
/>
26
26
}
27
27
>
28
-
<div className="flex flex-col text-sm gap-2 text-secondary ">
29
-
<div>
28
+
<div className="flex flex-col text-sm gap-2 text-secondary">
29
+
{/* about leaflet */}
30
+
{/* <div>
30
31
Welcome to <strong>Leaflet</strong> — a fun, fast, easy-to-share
31
32
document editor.
33
+
</div> */}
34
+
<HelpLink text="📖 Leaflet Manual" url="https://about.leaflet.pub" />
35
+
<HelpLink text="💡 Make with Leaflet" url="https://make.leaflet.pub" />
36
+
<HelpLink text="📣 Newsletter" url="https://buttondown.com/leaflet" />
37
+
<div className="columns-2 gap-2">
38
+
<HelpLink
39
+
text="🦋 Bluesky"
40
+
url="https://bsky.app/profile/leaflet.pub"
41
+
/>
42
+
<HelpLink text="💌 Email" url="mailto:contact@leaflet.pub" />
32
43
</div>
33
-
<HelpLink
34
-
text="💡 Learn more"
35
-
url="https://leaflet.pub/0325b34c-1948-412c-a6fb-d155fd2fe6ed"
36
-
/>
37
-
<HelpLink text="💌 Get updates" url="https://buttondown.com/leaflet" />
38
-
<HelpLink
39
-
text="📖 Explore templates"
40
-
url="https://leaflet.pub/templates"
41
-
/>
42
-
<HelpLink
43
-
text="🍃 Email us feedback"
44
-
url="mailto:contact@leaflet.pub"
45
-
/>
46
-
<HelpLink
47
-
text="📄 Terms and Privacy Policy"
48
-
url="https://leaflet.pub/legal"
49
-
/>
44
+
{/* keyboard shortcuts: desktop only */}
50
45
<Media mobile={false}>
51
46
{!props.noShortcuts && (
52
47
<>
···
109
104
</>
110
105
)}
111
106
</Media>
107
+
{/* links: terms and privacy */}
108
+
<hr className="text-border my-1" />
109
+
{/* <HelpLink
110
+
text="Terms and Privacy Policy"
111
+
url="https://leaflet.pub/legal"
112
+
/> */}
113
+
<div>
114
+
<a href="https://leaflet.pub/legal" target="_blank">
115
+
Terms and Privacy Policy
116
+
</a>
117
+
</div>
112
118
</div>
113
119
</Popover>
114
120
) : null;
···
116
122
117
123
const KeyboardShortcut = (props: { name: string; keys: string[] }) => {
118
124
return (
119
-
<div className="flex justify-between items-center">
125
+
<div className="flex gap-2 justify-between items-center">
120
126
{props.name}
121
127
<div className="flex gap-1 items-center font-bold">
122
128
{props.keys.map((key, index) => {