mobileMenu error fixed

This commit is contained in:
parsa aghaei 2024-10-20 16:22:46 +03:30
parent 715fd2ed6d
commit 41b7839ecb
2 changed files with 59 additions and 52 deletions

View File

@ -84,7 +84,6 @@ export default function MobileMenu({ clicked, setClicked, dict }: propsType) {
>
{dict.header.Contact}
</a>
<Link
href="/blog"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
@ -94,30 +93,30 @@ export default function MobileMenu({ clicked, setClicked, dict }: propsType) {
>
{dict.header.Blog}
</Link>
{selectedLocaleCookie === "fa" ? (
<p
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
setCookie("selectedLocale", "en");
router.refresh();
setClicked(false);
}}
>
english
</p>
) : (
<p
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
setCookie("selectedLocale", "fa");
router.refresh();
setClicked(false);
}}
>
فارسی
</p>
)}
</nav>
{selectedLocaleCookie === "fa" ? (
<p
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
setCookie("selectedLocale", "en");
router.refresh();
setClicked(false);
}}
>
english
</p>
) : selectedLocaleCookie === "en" ? (
<p
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
setCookie("selectedLocale", "fa");
router.refresh();
setClicked(false);
}}
>
فارسی
</p>
) : null}
</div>
</div>
);

View File

@ -41,34 +41,42 @@ export default async function Home() {
{/* socials */}
<div className="mt-10 flex w-full justify-center">
<div className="flex items-center gap-[25px]">
<Image
src={"/images/icons/facebook.svg"}
width={32}
height={32}
alt="facebook"
className="svg-hover hover:cursor-pointer"
/>
<Image
src={"/images/icons/twitter.svg"}
width={32}
height={32}
alt="twitter"
className="svg-hover hover:cursor-pointer"
/>
<Image
src={"/images/icons/instagram.svg"}
width={32}
height={32}
alt="instagram"
className="svg-hover hover:cursor-pointer"
/>
<Image
src={"/images/icons/linkedin.svg"}
width={32}
height={32}
alt="linkedin"
className="svg-hover hover:cursor-pointer"
/>
<a href="#">
<Image
src={"/images/icons/facebook.svg"}
width={32}
height={32}
alt="facebook"
className="svg-hover hover:cursor-pointer"
/>
</a>
<a href="#">
<Image
src={"/images/icons/twitter.svg"}
width={32}
height={32}
alt="twitter"
className="svg-hover hover:cursor-pointer"
/>
</a>
<a href="#">
<Image
src={"/images/icons/instagram.svg"}
width={32}
height={32}
alt="instagram"
className="svg-hover hover:cursor-pointer"
/>
</a>
<a href="#">
<Image
src={"/images/icons/linkedin.svg"}
width={32}
height={32}
alt="linkedin"
className="svg-hover hover:cursor-pointer"
/>
</a>
</div>
</div>
</div>