@@ -1019,15 +991,15 @@ function renderEditorToolbar(state: EditorToolbarState, isFullscreen: boolean) {
className="rounded-none"
>
{match(state)
- .with({ isParagraph: true }, () =>
)
- .with({ isHeading1: true }, () =>
)
- .with({ isHeading2: true }, () =>
)
- .with({ isHeading3: true }, () =>
)
- .with({ isHeading4: true }, () =>
)
- .with({ isHeading5: true }, () =>
)
- .with({ isHeading6: true }, () =>
)
+ .with({ isParagraph: true }, () =>
)
+ .with({ isHeading1: true }, () =>
)
+ .with({ isHeading2: true }, () =>
)
+ .with({ isHeading3: true }, () =>
)
+ .with({ isHeading4: true }, () =>
)
+ .with({ isHeading5: true }, () =>
)
+ .with({ isHeading6: true }, () =>
)
.otherwise(() => (
-
+
))}
}
@@ -1098,12 +1070,12 @@ function renderEditorToolbar(state: EditorToolbarState, isFullscreen: boolean) {
className="rounded-none"
>
{match(state)
- .with({ isLeftAlign: true }, () =>
)
- .with({ isCenterAlign: true }, () =>
)
- .with({ isRightAlign: true }, () =>
)
- .with({ isJustifyAlign: true }, () =>
)
+ .with({ isLeftAlign: true }, () =>
)
+ .with({ isCenterAlign: true }, () =>
)
+ .with({ isRightAlign: true }, () =>
)
+ .with({ isJustifyAlign: true }, () =>
)
.otherwise(() => (
-
+
))}
}
@@ -1152,7 +1124,7 @@ function renderEditorToolbar(state: EditorToolbarState, isFullscreen: boolean) {
disabled={!state.canBulletList}
onPressedChange={state.toggleBulletList}
>
-
+
-
+
@@ -1202,7 +1174,7 @@ function renderEditorToolbar(state: EditorToolbarState, isFullscreen: boolean) {
title={t`Remove link`}
onClick={state.unsetLink}
>
-
+
) : (
)}
@@ -1226,7 +1198,7 @@ function renderEditorToolbar(state: EditorToolbarState, isFullscreen: boolean) {
disabled={!state.canInlineCode}
onPressedChange={state.toggleInlineCode}
>
-
+
diff --git a/apps/web/src/components/input/url-input.tsx b/apps/web/src/components/input/url-input.tsx
index 56d4e7e35..885f68c5e 100644
--- a/apps/web/src/components/input/url-input.tsx
+++ b/apps/web/src/components/input/url-input.tsx
@@ -1,8 +1,8 @@
import type { Website } from "@reactive-resume/schema/resume/data";
import { t } from "@lingui/core/macro";
import { Trans } from "@lingui/react/macro";
-import { TagIcon } from "@phosphor-icons/react";
import { useCallback } from "react";
+import { Icon } from "@reactive-resume/ui/components/icon";
import { Input } from "@reactive-resume/ui/components/input";
import {
InputGroup,
@@ -79,7 +79,7 @@ export function URLInput({ value, onChange, hideLabelBut
message: "Add a label to the URL",
})}
>
-
+
}
/>
diff --git a/apps/web/src/components/layout/error-screen.tsx b/apps/web/src/components/layout/error-screen.tsx
index 38dd898d4..5fefb9a59 100644
--- a/apps/web/src/components/layout/error-screen.tsx
+++ b/apps/web/src/components/layout/error-screen.tsx
@@ -1,10 +1,10 @@
import type { ErrorComponentProps } from "@tanstack/react-router";
import { Trans } from "@lingui/react/macro";
-import { ArrowClockwiseIcon, HouseIcon, WarningIcon } from "@phosphor-icons/react";
import { Link } from "@tanstack/react-router";
import { Alert, AlertDescription, AlertTitle } from "@reactive-resume/ui/components/alert";
import { BrandIcon } from "@reactive-resume/ui/components/brand-icon";
import { Button, buttonVariants } from "@reactive-resume/ui/components/button";
+import { Icon } from "@reactive-resume/ui/components/icon";
export function ErrorScreen({ reset }: ErrorComponentProps) {
return (
@@ -12,7 +12,7 @@ export function ErrorScreen({ reset }: ErrorComponentProps) {
-
+
Something went wrong
@@ -23,12 +23,12 @@ export function ErrorScreen({ reset }: ErrorComponentProps) {
-
+
Go to dashboard
diff --git a/apps/web/src/components/layout/not-found-screen.tsx b/apps/web/src/components/layout/not-found-screen.tsx
index e439bc8eb..de561a455 100644
--- a/apps/web/src/components/layout/not-found-screen.tsx
+++ b/apps/web/src/components/layout/not-found-screen.tsx
@@ -1,9 +1,9 @@
import { Trans } from "@lingui/react/macro";
-import { HouseIcon, MagnifyingGlassIcon, WarningIcon } from "@phosphor-icons/react";
import { Link } from "@tanstack/react-router";
import { Alert, AlertDescription, AlertTitle } from "@reactive-resume/ui/components/alert";
import { BrandIcon } from "@reactive-resume/ui/components/brand-icon";
import { buttonVariants } from "@reactive-resume/ui/components/button";
+import { Icon } from "@reactive-resume/ui/components/icon";
export function NotFoundScreen() {
return (
@@ -11,7 +11,7 @@ export function NotFoundScreen() {
-
+
We couldn't find that page
@@ -22,12 +22,12 @@ export function NotFoundScreen() {
-
+
Go to dashboard
-
+
Go home
diff --git a/apps/web/src/dialogs/auth/change-password.tsx b/apps/web/src/dialogs/auth/change-password.tsx
index bd6c38680..5521bc385 100644
--- a/apps/web/src/dialogs/auth/change-password.tsx
+++ b/apps/web/src/dialogs/auth/change-password.tsx
@@ -1,7 +1,6 @@
import type { DialogProps } from "../store";
import { t } from "@lingui/core/macro";
import { Trans } from "@lingui/react/macro";
-import { EyeIcon, EyeSlashIcon, PasswordIcon } from "@phosphor-icons/react";
import { useQueryClient } from "@tanstack/react-query";
import { useToggle } from "usehooks-ts";
import z from "zod";
@@ -14,6 +13,7 @@ import {
DialogTitle,
} from "@reactive-resume/ui/components/dialog";
import { FormControl, FormItem, FormLabel, FormMessage } from "@reactive-resume/ui/components/form";
+import { Icon } from "@reactive-resume/ui/components/icon";
import { Input } from "@reactive-resume/ui/components/input";
import { toast } from "@reactive-resume/ui/components/toast";
import { useFormBlocker } from "@/hooks/use-form-blocker";
@@ -82,7 +82,7 @@ export function ChangePasswordDialog(_: DialogProps<"auth.change-password">) {
-
+
Update your password
@@ -132,7 +132,11 @@ export function ChangePasswordDialog(_: DialogProps<"auth.change-password">) {
message: "Show password",
})}
- {showCurrentPassword ?
:
}
+ {showCurrentPassword ? (
+
+ ) : (
+
+ )}