/
IvanWake
/
cookieStore
Обзор
Документация
Войти
/
IvanWake
/
cookieStore
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
src/components/Mobile/MobileFooter.js
45 строк
1 KB
Ivan Wake
add Mobile Pages Cart, Orders, Addresses and Profile (only pages, no content)
02 апр 2024, 20:01
02 апр 2024, 20:01
597cb2c
Код
Авторство
О чём код?
import { faCartShopping, faHouse, faListUl, faMapLocationDot, faUser, } from '@fortawesome/free-solid-svg-icons'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import { Link } from 'react-router-dom'; const MobileFooter = () => { return ( <div className="fixed bottom-0 right-0 left-0"> <div className="py-4 bg-[#ffcca7] flex gap-4 justify-center items-center justify-between px-4 w-full"> <Link to={'/home'}> <div className="text-white active:scale-90" id="cart"> <FontAwesomeIcon icon={faHouse} size="xl"/> </div> </Link> <Link to={'/cart'}> <div className="text-white active:scale-90" id="cart"> <FontAwesomeIcon icon={faCartShopping} size="xl"/> </div> </Link> <Link to={'/addresses'}> <div className="text-white active:scale-90" id="cart"> <FontAwesomeIcon icon={faMapLocationDot} size="xl"/> </div> </Link> <Link to={'/orders'}> <div className="text-white active:scale-90" id="cart"> <FontAwesomeIcon icon={faListUl} size="xl"/> </div> </Link> <Link to={'/profile'}> <div className="text-white active:scale-90" id="cart"> <FontAwesomeIcon icon={faUser} size="xl"/> </div> </Link> </div> </div> ); } export default MobileFooter;