Update dependencies and refactor icon imports across the codebase

This commit is contained in:
Amruth Pillai
2025-10-01 10:38:50 +02:00
parent c525f8d2cc
commit 6d37769e38
72 changed files with 6496 additions and 5107 deletions

View File

@ -1,5 +1,5 @@
import { t } from "@lingui/macro";
import { Fingerprint, GithubLogo, GoogleLogo } from "@phosphor-icons/react";
import { FingerprintIcon, GithubLogoIcon, GoogleLogoIcon } from "@phosphor-icons/react";
import { Button } from "@reactive-resume/ui";
import { useAuthProviders } from "@/client/services/auth/providers";
@ -14,7 +14,7 @@ export const SocialAuth = () => {
{providers.includes("github") && (
<Button asChild size="lg" className="w-full !bg-[#222] !text-white hover:!bg-[#222]/80">
<a href="/api/auth/github">
<GithubLogo className="mr-3 size-4" />
<GithubLogoIcon className="mr-3 size-4" />
{t`GitHub`}
</a>
</Button>
@ -27,7 +27,7 @@ export const SocialAuth = () => {
className="w-full !bg-[#4285F4] !text-white hover:!bg-[#4285F4]/80"
>
<a href="/api/auth/google">
<GoogleLogo className="mr-3 size-4" />
<GoogleLogoIcon className="mr-3 size-4" />
{t`Google`}
</a>
</Button>
@ -40,7 +40,7 @@ export const SocialAuth = () => {
className="w-full !bg-[#dc2626] !text-white hover:!bg-[#dc2626]/80"
>
<a href="/api/auth/openid">
<Fingerprint className="mr-3 size-4" />
<FingerprintIcon className="mr-3 size-4" />
{import.meta.env.VITE_OPENID_NAME}
</a>
</Button>

View File

@ -1,6 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { t } from "@lingui/macro";
import { ArrowLeft } from "@phosphor-icons/react";
import { ArrowLeftIcon } from "@phosphor-icons/react";
import { twoFactorBackupSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
import {
@ -95,7 +95,7 @@ export const BackupOtpPage = () => {
void navigate(-1);
}}
>
<ArrowLeft size={14} className="mr-2" />
<ArrowLeftIcon size={14} className="mr-2" />
<span>{t`Back`}</span>
</Button>

View File

@ -1,6 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { t } from "@lingui/macro";
import { ArrowLeft } from "@phosphor-icons/react";
import { ArrowLeftIcon } from "@phosphor-icons/react";
import { forgotPasswordSchema } from "@reactive-resume/dto";
import {
Alert,
@ -96,7 +96,7 @@ export const ForgotPasswordPage = () => {
void navigate(-1);
}}
>
<ArrowLeft size={14} className="mr-2" />
<ArrowLeftIcon size={14} className="mr-2" />
<span>{t`Back`}</span>
</Button>

View File

@ -1,6 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { t, Trans } from "@lingui/macro";
import { ArrowRight } from "@phosphor-icons/react";
import { ArrowRightIcon } from "@phosphor-icons/react";
import { loginSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
import {
@ -63,7 +63,7 @@ export const LoginPage = () => {
<Button asChild variant="link" className="px-1.5">
<Link to="/auth/register">
{t({ message: "Create one now", context: "This is a link to create a new account" })}{" "}
<ArrowRight className="ml-1" />
<ArrowRightIcon className="ml-1" />
</Link>
</Button>
</h6>

View File

@ -1,6 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { t, Trans } from "@lingui/macro";
import { ArrowRight } from "@phosphor-icons/react";
import { ArrowRightIcon } from "@phosphor-icons/react";
import { registerSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
import {
@ -71,7 +71,7 @@ export const RegisterPage = () => {
<span className="opacity-75">{t`Already have an account?`}</span>
<Button asChild variant="link" className="px-1.5">
<Link to="/auth/login">
{t`Sign in now`} <ArrowRight className="ml-1" />
{t`Sign in now`} <ArrowRightIcon className="ml-1" />
</Link>
</Button>
</h6>

View File

@ -1,5 +1,5 @@
import { t, Trans } from "@lingui/macro";
import { ArrowRight, Info, SealCheck } from "@phosphor-icons/react";
import { ArrowRightIcon, InfoIcon, SealCheckIcon } from "@phosphor-icons/react";
import { Alert, AlertDescription, AlertTitle, Button } from "@reactive-resume/ui";
import { useEffect } from "react";
import { Helmet } from "react-helmet-async";
@ -24,7 +24,7 @@ export const VerifyEmailPage = () => {
toast({
variant: "success",
icon: <SealCheck size={16} weight="bold" />,
icon: <SealCheckIcon size={16} weight="bold" />,
title: t`Your email address has been verified successfully.`,
});
@ -55,7 +55,7 @@ export const VerifyEmailPage = () => {
</div>
<Alert variant="info">
<Info size={18} />
<InfoIcon size={18} />
<AlertTitle>{t`Please note that this step is completely optional.`}</AlertTitle>
<AlertDescription>
{t`We verify your email address only to ensure that we can send you a password reset link in case you forget your password.`}
@ -65,7 +65,7 @@ export const VerifyEmailPage = () => {
<Button asChild disabled={loading}>
<Link to="/dashboard">
{t`Go to Dashboard`}
<ArrowRight className="ml-2" />
<ArrowRightIcon className="ml-2" />
</Link>
</Button>
</div>

View File

@ -1,6 +1,6 @@
import { zodResolver } from "@hookform/resolvers/zod";
import { t } from "@lingui/macro";
import { ArrowRight } from "@phosphor-icons/react";
import { ArrowRightIcon } from "@phosphor-icons/react";
import { twoFactorSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
import {
@ -61,7 +61,7 @@ export const VerifyOtpPage = () => {
</span>
<Button asChild variant="link" className="px-1.5">
<Link to="/auth/backup-otp">
{t`Lost your device?`} <ArrowRight className="ml-1" />
{t`Lost your device?`} <ArrowRightIcon className="ml-1" />
</Link>
</Button>
</h6>