сделать роутинг в футере

Studio-Yandex-Practicum · Jan 16, 2024 · b911090 · b911090
1 parent 73a1210
commit b911090
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/src/mockData/coreBaseData.ts b/src/mockData/coreBaseData.ts
@@ -47,7 +47,7 @@ export const coreBaseData = {
       }
     ],
     support: {
-      name: 'Обрантый звонок',
+      callback: 'Обрантый звонок',
       phone_number: '+7 977 848-02-28'
     }
   }

diff --git a/src/widgets/Footer/Footer.tsx b/src/widgets/Footer/Footer.tsx
@@ -4,6 +4,7 @@ import Link from '@/shared/ui/Link/Link'
 import SubscribeForm from '@/features/SubscribeForm/SubscribeForm'
 import styles from './footer.module.scss'
 import Payments from '@/entities/Payments/Payments'
+import { Button } from '@/shared/ui/Button/Button'
 
 function Footer() {
   const onSubmitHandler = () => {}
@@ -29,14 +30,14 @@ function Footer() {
             <div className={styles.footer__wrapper}>
               <ul className={styles.footer__nav}>
                 <li className={styles.footer__phone}>
-                  <Link to={''} className={styles.footer__link}>
+                  <Link
+                    to={`tel:${coreBaseData.footer.support.phone_number}`}
+                    className={styles.footer__link}>
                     {coreBaseData.footer.support.phone_number}
                   </Link>
                 </li>
                 <li className={styles.footer__item}>
-                  <Link to={''} className={styles.footer__link}>
-                    {coreBaseData.footer.support.name}
-                  </Link>
+                  <Button className={styles.footer__callback}> {coreBaseData.footer.support.callback}</Button>
                 </li>
               </ul>
               <p className={styles.footer__hours}>{coreBaseData.footer.support_work_time}</p>
@@ -47,7 +48,7 @@ function Footer() {
           <div className={styles['footer__bottom-wrapper']}>
             <p className={styles.footer__copyright}>
               Created by{' '}
-              <Link to={''} className={styles['footer__copyright-link']}>
+              <Link to={'/'} className={styles['footer__copyright-link']}>
                 maxboom.ru
               </Link>
             </p>

diff --git a/src/widgets/Footer/footer.module.scss b/src/widgets/Footer/footer.module.scss
@@ -93,6 +93,17 @@
   &__link {
     text-decoration: none;
     color: var.$white;
+    cursor: pointer;
+
+    &:hover {
+      color: var.$header-color;
+    }
+  }
+
+  &__callback {
+    padding: 0;
+    font-size: 15px;
+    color: var.$white;
 
     &:hover {
       color: var.$header-color;