From 43d8d723fbfe1f4d7e8fd000935827a9e37f5434 Mon Sep 17 00:00:00 2001
From: ardier16 <ardier16@gmail.com>
Date: Thu, 20 Jun 2024 00:11:17 +0300
Subject: [PATCH] Update app store links

---
 src/common/AppStoreLinks.tsx | 9 +++++++--
 src/common/MobileMenu.tsx    | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/common/AppStoreLinks.tsx b/src/common/AppStoreLinks.tsx
index 8406961..16f387f 100644
--- a/src/common/AppStoreLinks.tsx
+++ b/src/common/AppStoreLinks.tsx
@@ -7,24 +7,29 @@ export default function AppStoreLinks({ className }: { className?: string }) {
       // TODO: Update App Store link
       href: 'https://www.apple.com/app-store/',
       img: '/images/app-store.svg',
+      isDisabled: true,
     },
     {
       label: 'Google Play',
       // TODO: Update Google Play link
       href: 'https://play.google.com/store',
       img: '/images/google-play.svg',
+      isDisabled: true,
     },
   ]
 
   return (
     <div className={cn('flex h-max gap-4', className)}>
-      {links.map(({ label, href, img }, index) => (
+      {links.map(({ label, href, img, isDisabled }, index) => (
         <a
           key={index}
           href={href}
           target='_blank'
           rel='noreferrer'
-          className='transition-transform duration-300 ease-in-out hover:scale-110'
+          className={cn(
+            'transition-transform duration-300 ease-in-out',
+            isDisabled ? 'pointer-events-none opacity-50' : 'hover:scale-110',
+          )}
         >
           <img className='h-10' src={img} alt={label} />
         </a>
diff --git a/src/common/MobileMenu.tsx b/src/common/MobileMenu.tsx
index b50d96c..42fc777 100644
--- a/src/common/MobileMenu.tsx
+++ b/src/common/MobileMenu.tsx
@@ -14,7 +14,7 @@ export default function MobileMenu({ isOpen, onClose }: Props) {
         <>
           <div
             className={cn(
-              'absolute bottom-0 left-0 z-50 flex w-screen origin-top translate-y-full flex-col items-center gap-6 bg-background-container p-16 transition-all duration-300 ease-in-out',
+              'absolute bottom-0 left-0 z-50 flex w-screen origin-top translate-y-full flex-col items-center gap-6 bg-background-container p-16 transition-all duration-300 ease-in-out h-sm:gap-4 h-sm:py-8',
               isOpen ? 'scale-y-100' : 'scale-y-0',
             )}
           >
@@ -23,7 +23,7 @@ export default function MobileMenu({ isOpen, onClose }: Props) {
                 <a
                   key={label}
                   href={href}
-                  className='text-subtitle2 text-text-primary'
+                  className='text-subtitle2 text-text-primary h-sm:text-subtitle3'
                   target={isExternal ? '_blank' : undefined}
                   rel={isExternal ? 'norefferer' : undefined}
                   onClick={onClose}