Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
2.4 kB · 70 lines
TSX
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071import { Separator, ShortcutKey } from "components/Layout";import { metaKey } from "src/utils/metaKey";import { LinkButton } from "./InlineLinkToolbar";import { TextDecorationButton } from "./TextDecorationButton";import { schema } from "components/Blocks/TextBlock/schema";import { BoldSmall, ItalicSmall, StrikethroughSmall } from "./TextToolbar";import { isMac } from "src/utils/isDevice";export const FootnoteTextToolbar = (props: { setToolbarState: (s: "default" | "link") => void;}) => { return ( <> <TextDecorationButton tooltipContent={ <div className="flex flex-col gap-1 justify-center"> <div className="text-center">Bold </div> <div className="flex gap-1"> <ShortcutKey>{metaKey()}</ShortcutKey> +{" "} <ShortcutKey> B </ShortcutKey> </div> </div> } mark={schema.marks.strong} icon={<BoldSmall />} />
<TextDecorationButton tooltipContent={ <div className="flex flex-col gap-1 justify-center"> <div className="italic font-normal text-center">Italic</div> <div className="flex gap-1"> <ShortcutKey>{metaKey()}</ShortcutKey> +{" "} <ShortcutKey> I </ShortcutKey> </div> </div> } mark={schema.marks.em} icon={<ItalicSmall />} /> <TextDecorationButton tooltipContent={ <div className="flex flex-col gap-1 justify-center"> <div className="text-center font-normal line-through"> Strikethrough </div> <div className="flex gap-1"> {isMac() ? ( <> <ShortcutKey>⌘</ShortcutKey> +{" "} <ShortcutKey> Ctrl </ShortcutKey> +{" "} <ShortcutKey> X </ShortcutKey> </> ) : ( <> <ShortcutKey> Ctrl </ShortcutKey> +{" "} <ShortcutKey> Meta </ShortcutKey> +{" "} <ShortcutKey> X </ShortcutKey> </> )} </div> </div> } mark={schema.marks.strikethrough} icon={<StrikethroughSmall />} /> <Separator classname="h-6!" /> <LinkButton setToolbarState={props.setToolbarState} /> </> );};