mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-17 18:21:28 +10:00
Update dependencies and refactor icon imports across the codebase
This commit is contained in:
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user