Ferramente-projeto/src/components/Configuracoes.tsx

36 lines
994 B
TypeScript

import { Building, Github, Settings } from 'lucide-react';
import { useRouter } from 'next/navigation';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from './ui/dropdown-menu';
export default function Configuracoes() {
const router = useRouter();
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Settings className="hover:animate-spin cursor-pointer" />
</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem
className="cursor-pointer"
onClick={() => router.push('/organizations')}
>
<Building />
<span className="text-sm">Organizações</span>
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem className="cursor-pointer">
<Github />
GitHub
</DropdownMenuItem>
<DropdownMenuSeparator />
</DropdownMenuContent>
</DropdownMenu>
);
}