BartoszJarocki/cv
1
1
Fork 0
mirror of https://github.com/BartoszJarocki/cv.git synced 2024-11-25 07:54:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Display the correct button based on the user platform (#46)"

Browse Source 
This reverts commit 732668a5c2.
This commit is contained in:
Bartosz Jarocki 2024-01-16 21:48:59 +01:00
parent 732668a5c2
commit 787afb5a18
2 changed files with 1 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/command-menu.tsx
View File

@ -13,7 +13,6 @@ import {
} from "@/components/ui/command"; } from "@/components/ui/command";
import { Button } from "./ui/button"; import { Button } from "./ui/button";
import { CommandIcon } from "lucide-react"; import { CommandIcon } from "lucide-react";
import { useOS } from "@/hooks/useOS";
interface Props { interface Props {
links: { url: string; title: string }[]; links: { url: string; title: string }[];
@ -21,7 +20,6 @@ interface Props {
export const CommandMenu = ({ links }: Props) => { export const CommandMenu = ({ links }: Props) => {
const [open, setOpen] = React.useState(false); const [open, setOpen] = React.useState(false);
const os = useOS();
React.useEffect(() => { React.useEffect(() => {
const down = (e: KeyboardEvent) => { const down = (e: KeyboardEvent) => {
@ -40,7 +38,7 @@ export const CommandMenu = ({ links }: Props) => {
<p className="fixed bottom-0 left-0 right-0 hidden border-t border-t-muted bg-white p-1 text-center text-sm text-muted-foreground print:hidden xl:block"> <p className="fixed bottom-0 left-0 right-0 hidden border-t border-t-muted bg-white p-1 text-center text-sm text-muted-foreground print:hidden xl:block">
Press{" "} Press{" "}
<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100"> <kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
<span className="text-xs">{os === "mac" ? "⌘" : "CTRL"}</span>+ J <span className="text-xs">⌘</span>J
</kbd>{" "} </kbd>{" "}
to open the command menu to open the command menu
</p> </p>

17
src/hooks/useOS.ts
View File

@ -1,17 +0,0 @@
import { useMemo } from "react";
export type OS = "mac" | "windows" | "linux" | "other";
export const useOS = (): OS => {
const getOperatingSystem = (): OS => {
const userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.includes("mac")) return "mac";
if (userAgent.includes("win")) return "windows";
if (userAgent.includes("linux")) return "linux";
return "other";
};
return useMemo(() => getOperatingSystem(), []);
};