Skip to content

Commit a552cc6

Browse files
committed
Removed named icons from form titles
1 parent 35b9b34 commit a552cc6

File tree

6 files changed

+21
-9
lines changed

6 files changed

+21
-9
lines changed

apps/webapp/app/routes/_app.orgs.$organizationSlug.invite/route.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { conform, list, requestIntent, useFieldList, useForm } from "@conform-to/react";
22
import { parse } from "@conform-to/zod";
3-
import { LockOpenIcon } from "@heroicons/react/20/solid";
3+
import { LockOpenIcon, UserPlusIcon } from "@heroicons/react/20/solid";
44
import type { ActionFunction, LoaderFunctionArgs } from "@remix-run/node";
55
import { json } from "@remix-run/node";
66
import { Form, useActionData } from "@remix-run/react";
@@ -143,7 +143,7 @@ export default function Page() {
143143
<MainCenteredContainer>
144144
<div>
145145
<FormTitle
146-
LeadingIcon="invite-member"
146+
LeadingIcon={<UserPlusIcon className="size-6 text-indigo-500" />}
147147
title="Invite team members"
148148
description={`Invite new team members to ${organization.title}.`}
149149
/>

apps/webapp/app/routes/_app.orgs.new/route.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { conform, useForm } from "@conform-to/react";
22
import { parse } from "@conform-to/zod";
3+
import { BuildingOffice2Icon } from "@heroicons/react/20/solid";
34
import { RadioGroup } from "@radix-ui/react-radio-group";
45
import type { ActionFunction, LoaderFunctionArgs } from "@remix-run/node";
56
import { json, redirect } from "@remix-run/node";
@@ -117,7 +118,10 @@ export default function NewOrganizationPage() {
117118

118119
return (
119120
<MainCenteredContainer className="max-w-[22rem]">
120-
<FormTitle LeadingIcon="organization" title="Create an Organization" />
121+
<FormTitle
122+
LeadingIcon={<BuildingOffice2Icon className="size-6 text-fuchsia-600" />}
123+
title="Create an Organization"
124+
/>
121125
<Form method="post" {...form.props}>
122126
<Fieldset>
123127
<InputGroup>

apps/webapp/app/routes/invites.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ import { acceptInvite, declineInvite, getUsersInvites } from "~/models/member.se
1616
import { redirectWithSuccessMessage } from "~/models/message.server";
1717
import { requireUser, requireUserId } from "~/services/session.server";
1818
import { invitesPath, rootPath } from "~/utils/pathBuilder";
19+
import { EnvelopeIcon } from "@heroicons/react/20/solid";
1920

2021
export const loader = async ({ request }: LoaderFunctionArgs) => {
2122
const user = await requireUser(request);
@@ -101,7 +102,7 @@ export default function Page() {
101102
<MainCenteredContainer>
102103
<div>
103104
<FormTitle
104-
LeadingIcon="envelope"
105+
LeadingIcon={<EnvelopeIcon className="size-6 text-cyan-500" />}
105106
className="mb-0 text-sky-500"
106107
title={simplur`You have ${invites.length} new invitation[|s]`}
107108
/>

apps/webapp/app/routes/storybook.detail-cell/route.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default function Story() {
66
return (
77
<div className="flex max-w-xl flex-col items-start gap-y-8 p-8">
88
<DetailCell
9-
leadingIcon="integration"
9+
leadingIcon={CodeBracketIcon}
1010
leadingIconClassName="text-text-dimmed"
1111
label="Learn how to create your own API Integrations"
1212
variant="base"

apps/webapp/app/routes/storybook.simple-form/route.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ArrowRightIcon } from "@heroicons/react/20/solid";
1+
import { ArrowRightIcon, BuildingOffice2Icon } from "@heroicons/react/20/solid";
22
import { Form } from "@remix-run/react";
33
import { MainCenteredContainer } from "~/components/layout/AppLayout";
44
import { Button } from "~/components/primitives/Buttons";
@@ -16,7 +16,7 @@ export default function Story() {
1616
<MainCenteredContainer>
1717
<div>
1818
<FormTitle
19-
LeadingIcon="organization"
19+
LeadingIcon={<BuildingOffice2Icon className="size-6 text-fuchsia-600" />}
2020
title="Create a new Organization"
2121
description="Organizations are a great way to group your Projects."
2222
/>

apps/webapp/app/routes/unsubscribe.$userId.$token.tsx

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { EnvelopeIcon } from "@heroicons/react/24/solid";
12
import { LoaderFunctionArgs } from "@remix-run/server-runtime";
23
import crypto from "node:crypto";
34
import { typedjson, useTypedLoaderData } from "remix-typedjson";
@@ -63,7 +64,10 @@ export default function Page() {
6364
<MainCenteredContainer className="max-w-[22rem]">
6465
{result.success ? (
6566
<div>
66-
<FormTitle LeadingIcon="envelope" title="Unsubscribed" />
67+
<FormTitle
68+
LeadingIcon={<EnvelopeIcon className="size-6 text-cyan-500" />}
69+
title="Unsubscribed"
70+
/>
6771
<Paragraph spacing>
6872
You have unsubscribed from onboarding emails, {result.email}.
6973
</Paragraph>
@@ -73,7 +77,10 @@ export default function Page() {
7377
</div>
7478
) : (
7579
<div>
76-
<FormTitle LeadingIcon="envelope" title="Unsubscribe failed" />
80+
<FormTitle
81+
LeadingIcon={<EnvelopeIcon className="size-6 text-cyan-500" />}
82+
title="Unsubscribe failed"
83+
/>
7784
<Paragraph spacing>{result.message}</Paragraph>
7885
<Paragraph spacing>
7986
If you believe this is a bug, please{" "}

0 commit comments

Comments
 (0)