Skip to content

Commit

Permalink
Prettified Code!
Browse files Browse the repository at this point in the history
  • Loading branch information
@ssandino @actions-user
ssandino authored and actions-user committed Jan 4, 2025
1 parent 7d7a0dc commit 1128753
Showing 1 changed file with 16 additions and 16 deletions.
32 changes: 16 additions & 16 deletions website/src/components/navbar/navbar-client.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -280,7 +280,7 @@ const DesktopNavigation = ({ lang, region, languages, regions, currencies, navig
<div className="relative inline-flex shrink-0 flex-col text-left">
<Link href={`/${lang}/${region}`}>
<div
className=" h-6 w-[230px] items-center justify-center block md:hidden lg:block"
className="block h-6 w-[230px] items-center justify-center md:hidden lg:block"
style={{ minWidth: '230px', minHeight: '24px' }}
>
<SIAnimatedLogo className="h-[24px] w-[230px]" />
Expand All @@ -299,34 +299,34 @@ const DesktopNavigation = ({ lang, region, languages, regions, currencies, navig
</div>
<div className="flex flex-row items-center justify-evenly gap-x-10 overflow-visible">
<div className="group/our-work relative flex flex-1 justify-end">
<NavbarLink className="whitespace-nowrap px-2 " href={ourWork.href}>
<NavbarLink className="whitespace-nowrap px-2" href={ourWork.href}>
{ourWork.title}
</NavbarLink>
<div className="absolute left-2 top-full mt-0 hidden flex-col overflow-visible whitespace-nowrap opacity-0 group-hover/our-work:flex group-hover/our-work:opacity-100">
{ourWork.links?.map((link: any, index: number) => (
<NavbarLink key={index} href={link.href} className={index === 0 ? "pt-2 bg-red-600" : ""}>
<NavbarLink key={index} href={link.href} className={index === 0 ? 'bg-red-600 pt-2' : ''}>
{link.title}
</NavbarLink>
))}
</div>
</div>
<div className="group/about-us relative flex flex-1 justify-center ">
<NavbarLink className="bg-red-50 whitespace-nowrap px-2" href={aboutUs.href}>
<div className="group/about-us relative flex flex-1 justify-center">
<NavbarLink className="whitespace-nowrap bg-red-50 px-2" href={aboutUs.href}>
{aboutUs.title}
</NavbarLink>
<div className="bg-indigo-200 absolute left-2 top-full pt-2 mt-0 hidden flex-col overflow-visible whitespace-nowrap opacity-0 group-hover/navbar:flex group-hover/about-us:opacity-100">
<div className="absolute left-2 top-full mt-0 hidden flex-col overflow-visible whitespace-nowrap bg-indigo-200 pt-2 opacity-0 group-hover/navbar:flex group-hover/about-us:opacity-100">
{aboutUs.links?.map((link, index) => (
<NavbarLink key={index} href={link.href}>
{link.title}
</NavbarLink>
))}
</div>
</div>
<div className="group/transparency relative flex flex-1 justify-start ">
<div className="group/transparency relative flex flex-1 justify-start">
<NavbarLink className="whitespace-nowrap px-2" href={transparency.href}>
{transparency.title}
</NavbarLink>
<div className="absolute left-2 top-full pt-2 mt-0 hidden flex-col overflow-visible whitespace-nowrap opacity-0 group-hover/navbar:flex group-hover/transparency:opacity-100">
<div className="absolute left-2 top-full mt-0 hidden flex-col overflow-visible whitespace-nowrap pt-2 opacity-0 group-hover/navbar:flex group-hover/transparency:opacity-100">
{transparency.links?.map((link: any, index: number) => (
<NavbarLink key={index} href={link.href}>
{link.title}
Expand All @@ -336,7 +336,7 @@ const DesktopNavigation = ({ lang, region, languages, regions, currencies, navig
</div>
</div>
<div className="group/i18n relative flex flex-col overflow-visible whitespace-nowrap pl-[80px] lg:pl-[200px]">
<div className="flex flex-row items-baseline justify-end ">
<div className="flex flex-row items-baseline justify-end">
{(!isIntRegion || (isIntRegion && country)) && (
<Image
className="m-auto mx-2 rounded-full"
Expand All @@ -350,15 +350,15 @@ const DesktopNavigation = ({ lang, region, languages, regions, currencies, navig
)}{' '}
<Typography size="lg">{languages.find((l) => l.code === lang)?.translation}</Typography>
</div>
<div className="absolute right-0 top-full mt-0 pt-4 hidden min-w-[160px] max-w-[170px] grid-cols-3 gap-x-6 text-left opacity-0 group-hover/navbar:grid group-hover/i18n:opacity-100">
<div className="flex flex-col items-end lg:pr-4 pr-0">
<div className="absolute right-0 top-full mt-0 hidden min-w-[160px] max-w-[170px] grid-cols-3 gap-x-6 pt-4 text-left opacity-0 group-hover/navbar:grid group-hover/i18n:opacity-100">
<div className="flex flex-col items-end pr-0 lg:pr-4">
{regions
.sort((a, b) => a.translation.localeCompare(b.translation))
.map((reg, index) => (
.sort((a, b) => a.translation.localeCompare(b.translation))
.map((reg, index) => (
<Link
key={index}
href={`/${lang}/${reg.code}`}
className={classNames('hover:active:text-accent hover:text-accent text-left text-lg cursor-pointer', {
className={classNames('hover:active:text-accent hover:text-accent cursor-pointer text-left text-lg', {
'text-accent': reg.code === region,
})}
onClick={() => setRegion(reg.code)}
Expand All @@ -373,7 +373,7 @@ const DesktopNavigation = ({ lang, region, languages, regions, currencies, navig
.map((l, index) => (
<Typography
key={index}
className={classNames('hover:active:text-accent hover:text-accent text-left text-lg cursor-pointer', {
className={classNames('hover:active:text-accent hover:text-accent cursor-pointer text-left text-lg', {
'text-accent': l.code === lang,
})}
onClick={() => setLanguage(l.code)}
Expand All @@ -389,7 +389,7 @@ const DesktopNavigation = ({ lang, region, languages, regions, currencies, navig
<Typography
key={index}
size="lg"
className={classNames('hover:active:text-accent hover:text-accent text-left text-lg cursor-pointer', {
className={classNames('hover:active:text-accent hover:text-accent cursor-pointer text-left text-lg', {
'text-accent': curr.code === currency,
})}
onClick={() => setCurrency(curr.code)}
Expand Down

0 comments on commit 1128753

Please sign in to comment.