mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace fontawesome icons with ionicons 5

Browse Source
This commit is contained in:
m5r
2021-09-08 04:59:38 +08:00
parent 8e856ffb92
commit 9ec73d6cf4
19 changed files with 60 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/core/layouts/layout/footer.tsx
View File

@ -1,12 +1,6 @@
import type { ReactNode } from "react";
import { Link, useRouter } from "blitz";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faPhoneAlt as fasPhone,
faTh as fasTh,
faComments as fasComments,
faCog as fasCog,
} from "@fortawesome/pro-solid-svg-icons";
import { IoCall, IoKeypad, IoChatbubbles, IoSettings } from "react-icons/io5";
import clsx from "clsx";
export default function Footer() {
@ -15,26 +9,10 @@ export default function Footer() {
className="grid grid-cols-4 bg-[#F7F7F7] border-t border-gray-400 border-opacity-25 py-3"
style={{ flex: "0 0 50px" }}
>
<NavLink
label="Calls"
path="/calls"
icon={<FontAwesomeIcon size="lg" className="w-6 h-6" icon={fasPhone} />}
/>
<NavLink
label="Keypad"
path="/keypad"
icon={<FontAwesomeIcon size="lg" className="w-6 h-6" icon={fasTh} />}
/>
<NavLink
label="Messages"
path="/messages"
icon={<FontAwesomeIcon size="lg" className="w-6 h-6" icon={fasComments} />}
/>
<NavLink
label="Settings"
path="/settings"
icon={<FontAwesomeIcon size="lg" className="w-6 h-6" icon={fasCog} />}
/>
<NavLink label="Calls" path="/calls" icon={<IoCall className="w-6 h-6" />} />
<NavLink label="Keypad" path="/keypad" icon={<IoKeypad className="w-6 h-6" />} />
<NavLink label="Messages" path="/messages" icon={<IoChatbubbles className="w-6 h-6" />} />
<NavLink label="Settings" path="/settings" icon={<IoSettings className="w-6 h-6" />} />
</footer>
);
}