diff --git a/screenpipe-app-tauri/components/cli-command-dialog.tsx b/screenpipe-app-tauri/components/cli-command-dialog.tsx index 01c661203..d377bf45b 100644 --- a/screenpipe-app-tauri/components/cli-command-dialog.tsx +++ b/screenpipe-app-tauri/components/cli-command-dialog.tsx @@ -9,6 +9,7 @@ import { DialogTitle, } from "./ui/dialog"; import { CodeBlock } from "./ui/codeblock"; +import usePlatform from '@/lib/hooks/use-platform'; import { useCopyToClipboard } from "@/lib/hooks/use-copy-to-clipboard"; import { useToast } from "@/components/ui/use-toast"; import { IconCode } from "./ui/icons"; @@ -138,7 +139,10 @@ export function CliCommandDialog({ settings }: CliCommandDialogProps) {
- +
diff --git a/screenpipe-app-tauri/components/dev-mode-settings.tsx b/screenpipe-app-tauri/components/dev-mode-settings.tsx index f932d1036..15b793507 100644 --- a/screenpipe-app-tauri/components/dev-mode-settings.tsx +++ b/screenpipe-app-tauri/components/dev-mode-settings.tsx @@ -3,6 +3,7 @@ import React, { useState } from "react"; import { CodeBlock } from "@/components/ui/codeblock"; import { platform } from "@tauri-apps/plugin-os"; +import usePlatform from '@/lib/hooks/use-platform'; import { Label } from "./ui/label"; import { Switch } from "./ui/switch"; import { useSettings } from "@/lib/hooks/use-settings"; @@ -270,7 +271,7 @@ export const DevModeSettings = ({ localDataDir }: { localDataDir: string }) => { thru CLI 👇

diff --git a/screenpipe-app-tauri/components/onboarding/dev-configuration.tsx b/screenpipe-app-tauri/components/onboarding/dev-configuration.tsx index d20530e93..2ed987b07 100644 --- a/screenpipe-app-tauri/components/onboarding/dev-configuration.tsx +++ b/screenpipe-app-tauri/components/onboarding/dev-configuration.tsx @@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react"; import { ArrowUpRight } from "lucide-react"; import { open } from "@tauri-apps/plugin-shell"; import { platform } from "@tauri-apps/plugin-os"; +import usePlatform from '@/lib/hooks/use-platform'; import { CodeBlock } from "@/components/onboarding/single-codeblock"; import { DialogHeader, DialogTitle } from "@/components/ui/dialog"; import OnboardingNavigation from "@/components/onboarding/navigation"; @@ -125,7 +126,7 @@ const OnboardingDevConfig: React.FC = ({

diff --git a/screenpipe-app-tauri/lib/hooks/use-platform.tsx b/screenpipe-app-tauri/lib/hooks/use-platform.tsx new file mode 100644 index 000000000..c02cf2f4f --- /dev/null +++ b/screenpipe-app-tauri/lib/hooks/use-platform.tsx @@ -0,0 +1,17 @@ +import { useState, useEffect } from 'react'; +import { platform } from '@tauri-apps/plugin-os'; + +const usePlatform = () => { + const [os, setOs] = useState(null); + + useEffect(() => { + (async () => { + const osPlatform = await platform(); + setOs(osPlatform); + })(); + }, []); + + return os; +}; + +export default usePlatform;