leaflet.pub
a tool for shared writing and social publishing
awarm.space
1"use client";
2import { ActionButton } from "components/ActionBar/ActionButton";
3import { HelpSmall } from "components/Icons/HelpSmall";
4import { Popover } from "components/Popover";
5
6export const HomeHelp = () => {
7 return (
8 <Popover
9 className="max-w-sm"
10 trigger={<ActionButton icon={<HelpSmall />} label="Info" />}
11 >
12 <div className="flex flex-col gap-2">
13 <p>
14 Leaflets are saved to home <strong>per-device / browser</strong> using
15 cookies.
16 </p>
17 <p>
18 <strong>If you clear your cookies, they'll disappear.</strong>
19 </p>
20 <p>
21 Please <a href="mailto:contact@leaflet.pub">contact us</a> for help
22 recovering Leaflets!
23 </p>
24 </div>
25 </Popover>
26 );
27};