feat: removed unecessary code to the file and made few UI changes

This commit is contained in:
captain-Akshay
2023-09-19 19:45:21 +05:30
parent a1ce6f696a
commit 4cd56fa98c

View File

@ -1,7 +1,5 @@
'use client'; 'use client';
import { useState } from 'react';
import Link from 'next/link'; import Link from 'next/link';
import { import {
@ -10,6 +8,7 @@ import {
Key, Key,
LogOut, LogOut,
User as LucideUser, User as LucideUser,
Monitor,
Moon, Moon,
Sun, Sun,
UserCog, UserCog,
@ -36,8 +35,6 @@ import {
DropdownMenuSubTrigger, DropdownMenuSubTrigger,
DropdownMenuTrigger, DropdownMenuTrigger,
} from '@documenso/ui/primitives/dropdown-menu'; } from '@documenso/ui/primitives/dropdown-menu';
import { Label } from '@documenso/ui/primitives/label';
import { Switch } from '@documenso/ui/primitives/switch';
import { useFeatureFlags } from '~/providers/feature-flag'; import { useFeatureFlags } from '~/providers/feature-flag';
@ -49,12 +46,7 @@ export const ProfileDropdown = ({ user }: ProfileDropdownProps) => {
const { getFlag } = useFeatureFlags(); const { getFlag } = useFeatureFlags();
const { theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
const isUserAdmin = isAdmin(user); const isUserAdmin = isAdmin(user);
const [isDarkMode, setIsDarkMode] = useState(theme === 'dark');
const toggleDarkMode = () => {
setIsDarkMode(!isDarkMode);
setTheme(isDarkMode ? 'light' : 'dark');
};
const isBillingEnabled = getFlag('app_billing'); const isBillingEnabled = getFlag('app_billing');
const avatarFallback = user.name const avatarFallback = user.name
@ -117,9 +109,17 @@ export const ProfileDropdown = ({ user }: ProfileDropdownProps) => {
<DropdownMenuPortal> <DropdownMenuPortal>
<DropdownMenuSubContent> <DropdownMenuSubContent>
<DropdownMenuRadioGroup value={theme} onValueChange={setTheme}> <DropdownMenuRadioGroup value={theme} onValueChange={setTheme}>
<DropdownMenuRadioItem value="light">Light</DropdownMenuRadioItem> <DropdownMenuRadioItem value="light">
<DropdownMenuRadioItem value="dark">Dark</DropdownMenuRadioItem> <Sun className="mr-2 h-4 w-4" /> Light
<DropdownMenuRadioItem value="system">System</DropdownMenuRadioItem> </DropdownMenuRadioItem>
<DropdownMenuRadioItem value="dark">
<Moon className="mr-2 h-4 w-4" />
Dark
</DropdownMenuRadioItem>
<DropdownMenuRadioItem value="system">
<Monitor className="mr-2 h-4 w-4" />
System
</DropdownMenuRadioItem>
</DropdownMenuRadioGroup> </DropdownMenuRadioGroup>
</DropdownMenuSubContent> </DropdownMenuSubContent>
</DropdownMenuPortal> </DropdownMenuPortal>