fix Discord button
This commit is contained in:
parent
df15c7a838
commit
0b6960085d
38
banquise-website/components/layout/navbar/ActionButtons.tsx
Normal file
38
banquise-website/components/layout/navbar/ActionButtons.tsx
Normal file
@ -0,0 +1,38 @@
|
||||
import React from 'react';
|
||||
import { DiscordButton } from '@/components/ui/DiscordButton';
|
||||
import { cn } from '@/lib/utils';
|
||||
|
||||
interface ActionButtonsProps {
|
||||
scrolled: boolean;
|
||||
languageSwitcher: React.ReactElement;
|
||||
}
|
||||
|
||||
export const ActionButtons: React.FC<ActionButtonsProps> = ({
|
||||
scrolled,
|
||||
languageSwitcher
|
||||
}) => {
|
||||
return (
|
||||
<div className="hidden md:flex items-center space-x-4">
|
||||
{/* Language Switcher */}
|
||||
<div className="flex items-center">
|
||||
{languageSwitcher}
|
||||
</div>
|
||||
|
||||
{/* Discord Button */}
|
||||
<div className="flex items-center">
|
||||
<DiscordButton
|
||||
size="sm"
|
||||
className={cn(
|
||||
"transition-all duration-200",
|
||||
"hover:scale-105 hover:shadow-lg",
|
||||
"focus:outline-none focus:ring-2 focus:ring-discord/50",
|
||||
scrolled && "shadow-md"
|
||||
)}
|
||||
showIcon={true}
|
||||
>
|
||||
Discord
|
||||
</DiscordButton>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
Loading…
x
Reference in New Issue
Block a user