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

7
app/phone-calls/pages/keypad.tsx
View File

@ -4,8 +4,7 @@ import { Routes, useRouter } from "blitz";
import { atom, useAtom } from "jotai";
import { usePress } from "@react-aria/interactions";
import { Transition } from "@headlessui/react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faBackspace, faPhoneAlt as faPhone } from "@fortawesome/pro-solid-svg-icons";
import { IoBackspace, IoCall } from "react-icons/io5";
import { Direction } from "db";
import Layout from "../../core/layouts/layout";
@ -99,7 +98,7 @@ const KeypadPage: BlitzPage = () => {
}}
className="cursor-pointer select-none col-start-2 h-12 w-12 flex justify-center items-center mx-auto bg-green-800 rounded-full"
>
<FontAwesomeIcon className="w-6 h-6" icon={faPhone} color="white" size="lg" />
<IoCall className="w-6 h-6 text-white" />
</button>
<Transition
@ -113,7 +112,7 @@ const KeypadPage: BlitzPage = () => {
leaveTo="transform scale-95 opacity-0"
>
<div {...onBackspacePress} className="cursor-pointer select-none m-auto">
<FontAwesomeIcon className="w-6 h-6" icon={faBackspace} size="lg" />
<IoBackspace className="w-6 h-6" />
</div>
</Transition>
</Keypad>

5
app/phone-calls/pages/outgoing-call/[recipient].tsx
View File

@ -3,8 +3,7 @@ import { ErrorBoundary, Routes, useRouter, withRouter } from "blitz";
import { useCallback, useEffect } from "react";
import type { TwilioError } from "@twilio/voice-sdk";
import { atom, useAtom } from "jotai";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faPhoneAlt as faPhone } from "@fortawesome/pro-solid-svg-icons";
import { IoCall } from "react-icons/io5";
import useRequireOnboarding from "../../../core/hooks/use-require-onboarding";
import useMakeCall from "../../hooks/use-make-call";
@ -54,7 +53,7 @@ const OutgoingCall: BlitzPage = () => {
onClick={call.hangUp}
className="cursor-pointer select-none col-start-2 h-12 w-12 flex justify-center items-center mx-auto bg-red-800 rounded-full"
>
<FontAwesomeIcon className="w-6 h-6" icon={faPhone} color="white" size="lg" />
<IoCall className="w-6 h-6 text-white" />
</button>
</Keypad>
</div>