Skip to content
Snippets Groups Projects

port menu dropdown and extend tailwind colors

Merged Emmanuel Mutisya requested to merge feature/LN-1084-port-navigation-menus into dev
5 files
+ 261
16
Compare changes
  • Side-by-side
  • Inline
Files
5
@@ -5,8 +5,9 @@ import { WalletInfoCard } from '@/components/molecules';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { useDRepContext } from '@/context/drepContext';
import TranslationBlock from '../1694.io/TranslationBlock';
import { useScreenDimension } from '@/hooks';
import VoltaireMenu from '../molecules/VoltaireMenu';
import DRepMenu from '../molecules/DRepMenu';
const navOptions = [
{
@@ -26,6 +27,7 @@ const navOptions = [
path: '/ecosystem',
},
];
const Header = () => {
const { isEnabled } = useCardano();
const { currentLocale, setIsMobileDrawerOpen } = useDRepContext();
@@ -49,7 +51,7 @@ const Header = () => {
</Link>
<div className="flex shrink-0 items-center gap-3 text-nowrap text-sm font-bold">
{!isMobile && (
<div className="flex flex-row gap-6">
<div className="flex flex-row items-center gap-6">
<Link
href={'/'}
className={`${
@@ -60,26 +62,15 @@ const Header = () => {
>
CIP
</Link>
{navOptions.slice(0, 1).map((option, index) => (
<Link
key={index + option.name + option.path + option}
href={option.path}
className={`${
activeLink === `/${currentLocale}${option.path}`
? 'text-orange-500'
: 'text-gray-800'
}`}
>
{option.name}
</Link>
))}
<DRepMenu />
<VoltaireMenu />
</div>
)}
<div>
{!isEnabled ? (
<WalletConnectButton test_name={'header'} />
) : (
<WalletInfoCard test_name={'header'}/>
<WalletInfoCard test_name={'header'} />
)}
</div>
{!isMobile && (
Loading