diff --git a/components/Toolbar/index.tsx b/components/Toolbar/index.tsx index 3a41143e..f84bb957 100644 --- a/components/Toolbar/index.tsx +++ b/components/Toolbar/index.tsx @@ -46,6 +46,8 @@ import { addLinkBlock } from "src/utils/addLinkBlock"; import * as Tooltip from "@radix-ui/react-tooltip"; import { Separator, ShortcutKey } from "components/Layout"; import { Input } from "components/Input"; +import { metaKey } from "src/utils/metaKey"; +import { isMac } from "@react-aria/utils"; export const TextToolbar = (props: { cardID: string; blockID: string }) => { let { rep } = useReplicache(); @@ -86,7 +88,7 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => {
Bold
- Cntrl +{" "} + {metaKey()} +{" "} B
@@ -98,7 +100,7 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => { tooltipContent=
Italic
- Cntrl +{" "} + {metaKey()} +{" "} I
@@ -112,7 +114,7 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => { Strikethrough
- Cntrl +{" "} + {metaKey()} +{" "} Cmd +{" "} X
@@ -129,9 +131,20 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => { Highlight
- Cntrl +{" "} - Cmd +{" "} - H + $ + {isMac() ? ( + <> + Ctrl +{" "} + Cmd +{" "} + H + + ) : ( + <> + Ctrl +{" "} + Meta +{" "} + H + + )}
} diff --git a/src/utils/metaKey.ts b/src/utils/metaKey.ts new file mode 100644 index 00000000..93ed1a8f --- /dev/null +++ b/src/utils/metaKey.ts @@ -0,0 +1,3 @@ +import { isMac } from "@react-aria/utils"; + +export const metaKey = () => (isMac() ? "⌘" : "Ctrl");