Files
myeasycms-v2/apps/dev-tool/components/env-mode-selector.tsx
Giancarlo Buomprisco c185bcfa11 2.3.0 Dev Tools (#180)
* 2.3.0 - Added new Dev Tools app
2025-02-21 14:29:42 +08:00

42 lines
999 B
TypeScript

'use client';
import { useRouter } from 'next/navigation';
import { EnvMode } from '@/app/variables/lib/types';
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from '@kit/ui/select';
export function EnvModeSelector({ mode }: { mode: EnvMode }) {
const router = useRouter();
const handleModeChange = (value: EnvMode) => {
const searchParams = new URLSearchParams(window.location.search);
const path = window.location.pathname;
searchParams.set('mode', value);
router.push(`${path}?${searchParams.toString()}`);
};
return (
<div>
<Select name={'mode'} defaultValue={mode} onValueChange={handleModeChange}>
<SelectTrigger>
<SelectValue placeholder="Select Mode" />
</SelectTrigger>
<SelectContent>
<SelectItem value="development">Development</SelectItem>
<SelectItem value="production">Production</SelectItem>
</SelectContent>
</Select>
</div>
);
}