danswer/web/src/lib/browserUtilities.tsx
2024-07-17 19:44:21 -07:00

33 lines
647 B
TypeScript

"use client";
import { useState, useEffect } from "react";
type OperatingSystem = "Windows" | "Mac" | "Other";
const useOperatingSystem = (): OperatingSystem => {
const [os, setOS] = useState<OperatingSystem>("Other");
useEffect(() => {
const userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.includes("win")) {
setOS("Windows");
} else if (userAgent.includes("mac")) {
setOS("Mac");
}
}, []);
return os;
};
const KeyboardSymbol = () => {
const os = useOperatingSystem();
if (os === "Windows") {
return "⊞";
} else {
return "⌘";
}
};
export default KeyboardSymbol;