feat: add icons

src/app/(authenticated)/(dashboard)/[publicId]/securities/shares/issue-share-button.tsx

@@ -6,6 +6,7 @@ import type {
   TStakeholders,
 } from "@/components/modals/issue-share-modal";
 import { Button } from "@/components/ui/button";
+import { Icon } from "@/components/ui/icon";
 import { RiAddFill } from "@remixicon/react";
 import type React from "react";
 
@@ -34,7 +35,7 @@ export const IssueShareButton = ({
         });
       }}
     >
-      <RiAddFill className="mr-2 h-5 w-5" />
+      <Icon name="add-fill" className="mr-2 h-5 w-5" />
       Create a share
     </Button>
   );

src/app/(authenticated)/(dashboard)/[publicId]/securities/transactions/page.tsx

@@ -1,5 +1,6 @@
 import EmptyState from "@/components/common/empty-state";
 import { Button } from "@/components/ui/button";
+import { Icon } from "@/components/ui/icon";
 import { RiPieChartFill } from "@remixicon/react";
 import type { Metadata } from "next";
 
@@ -10,7 +11,7 @@ export const metadata: Metadata = {
 const TransactionsPage = () => {
   return (
     <EmptyState
-      icon={<RiPieChartFill />}
+      icon={<Icon name="pie-chart-fill" />}
       title="Work in progress."
       subtitle="This page is not yet available."
     >

src/app/(authenticated)/(dashboard)/[publicId]/settings/bank-accounts/components/cta-button.tsx

@@ -2,6 +2,7 @@
 
 import { pushModal } from "@/components/modals";
 import { Button } from "@/components/ui/button";
+import { Icon } from "@/components/ui/icon";
 import { RiAddLine } from "@remixicon/react";
 
 const CtaButton = () => {
@@ -14,7 +15,7 @@ const CtaButton = () => {
         });
       }}
     >
-      <RiAddLine className="inline-block h-5 w-5" />
+      <Icon name="add-line" className="inline-block h-5 w-5" />
       Add a bank account
     </Button>
   );

src/app/(authenticated)/(dashboard)/[publicId]/settings/bank-accounts/page.tsx

@@ -1,4 +1,5 @@
 import EmptyState from "@/components/common/empty-state";
+import { Icon } from "@/components/ui/icon";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
 import { serverAccessControl } from "@/lib/rbac/access-control";
 import { api } from "@/trpc/server";
@@ -28,7 +29,7 @@ const ApiSettingsPage = async () => {
       {data.bankAccounts.length === 0 ? (
         <EmptyState
           bordered={false}
-          icon={<RiBankFill />}
+          icon={<Icon name="bank-fill" />}
           title="Bank accounts"
           subtitle="Add a bank account to receive funds"
         >

src/app/(authenticated)/(dashboard)/[publicId]/settings/developer/components/create-access-token.tsx

@@ -4,6 +4,7 @@ import Modal from "@/components/common/modal";
 import Tldr from "@/components/common/tldr";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
+import { Icon } from "@/components/ui/icon";
 import { api } from "@/trpc/react";
 import { RiAddLine } from "@remixicon/react";
 import { useRouter } from "next/navigation";
@@ -49,7 +50,7 @@ const CreateAccessToken = () => {
         }}
         loading={loading}
       >
-        <RiAddLine className="inline-block h-5 w-5" />
+        <Icon name="add-line" className="inline-block h-5 w-5" />
         Create an access token
       </Button>
 

src/app/(authenticated)/(dashboard)/[publicId]/settings/developer/components/table.tsx

@@ -22,6 +22,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { Icon } from "@/components/ui/icon";
 import {
   Table,
   TableBody,

src/app/(authenticated)/(dashboard)/[publicId]/settings/developer/page.tsx

@@ -1,4 +1,5 @@
 import EmptyState from "@/components/common/empty-state";
+import { Icon } from "@/components/ui/icon";
 import { api } from "@/trpc/server";
 import { RiTerminalBoxFill } from "@remixicon/react";
 import type { Metadata } from "next";
@@ -20,7 +21,7 @@ const AccessTokenPage = async () => {
       {data.accessTokens.length === 0 ? (
         <EmptyState
           bordered={false}
-          icon={<RiTerminalBoxFill />}
+          icon={<Icon name="terminal-box-fill" />}
           title="Access tokens"
           subtitle={
             <p className="text-muted-foreground">

src/app/(authenticated)/(dashboard)/[publicId]/settings/team/add-team-member-dropdown-menu.tsx

@@ -8,6 +8,7 @@ import {
   DropdownMenuContent,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { Icon } from "@/components/ui/icon";
 import type { RouterOutputs } from "@/trpc/shared";
 import { RiAccountCircleFill, RiAddLine } from "@remixicon/react";
 
@@ -24,7 +25,7 @@ export const AddTeamMemberDropdownMenu = ({
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button className="w-full md:w-auto" size="sm">
-          <RiAddLine className="inline-block h-5 w-5" />
+          <Icon name="add-line" className="inline-block h-5 w-5" />
           Team member
         </Button>
       </DropdownMenuTrigger>
@@ -51,7 +52,7 @@ export const AddTeamMemberDropdownMenu = ({
               }}
             >
               <>
-                <RiAccountCircleFill className="mr-2 h-4 w-4" />
+                <Icon name="account-circle-fill" className="mr-2 h-4 w-4" />
                 Invite a team member
               </>
             </Button>

src/app/(authenticated)/(dashboard)/[publicId]/share-classes/create-share-class-button.tsx

@@ -3,6 +3,7 @@
 import Tldr from "@/components/common/tldr";
 import { pushModal } from "@/components/modals";
 import { Button } from "@/components/ui/button";
+import { Icon } from "@/components/ui/icon";
 import type { ShareClassMutationType } from "@/trpc/routers/share-class/schema";
 import { RiAddFill } from "@remixicon/react";
 
@@ -34,7 +35,7 @@ export const CreateShareButton = ({
         });
       }}
     >
-      <RiAddFill className="mr-2 h-5 w-5" />
+      <Icon name="add-fill" className="mr-2 h-5 w-5" />
       Create a share class
     </Button>
   );

src/app/(authenticated)/(dashboard)/[publicId]/share-classes/edit-share-class-button.tsx

@@ -2,6 +2,7 @@
 
 import Tldr from "@/components/common/tldr";
 import { pushModal } from "@/components/modals";
+import { Icon } from "@/components/ui/icon";
 import type { ShareClassMutationType } from "@/trpc/routers/share-class/schema";
 import { RiEqualizer2Line } from "@remixicon/react";