♻️ Use named exports for icons (#647)

This commit is contained in:
Luke Vella 2023-04-04 08:24:55 +01:00 committed by GitHub
parent fbcd5a5d2a
commit 12be9851e1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
118 changed files with 216 additions and 375 deletions

View file

@ -1,6 +1,5 @@
import { trpc } from "@rallly/backend";
import CheckCircle from "@rallly/icons/check-circle.svg";
import Speakerphone from "@rallly/icons/speakerphone.svg";
import { CheckCircleIcon, SpeakerphoneIcon } from "@rallly/icons";
import Link from "next/link";
import { Trans, useTranslation } from "next-i18next";
import { useForm } from "react-hook-form";
@ -25,7 +24,7 @@ const FeedbackForm = (props: { onClose: () => void }) => {
{formState.isSubmitted ? (
<div className="absolute inset-0 flex h-full w-full items-center justify-center bg-white">
<div className="space-y-3 text-center">
<CheckCircle className="inline-block h-14 text-green-500" />
<CheckCircleIcon className="inline-block h-14 text-green-500" />
<div>{t("feedbackSent")}</div>
<div>
<button onClick={props.onClose} className="text-link">
@ -99,7 +98,7 @@ const FeedbackButton = () => {
onClick={show}
className="shadow-huge inline-flex h-14 w-14 items-center justify-center rounded-full bg-slate-800"
>
<Speakerphone className="h-7 text-white" />
<SpeakerphoneIcon className="h-7 text-white" />
</button>
</Tooltip>
);