a tool for shared writing and social publishing

refresh HelpPopover to replace 'templates' with 'made with leaflet' and simplify a bit

+27 -21
+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) => {