update icons

AngelProtocolFinance · Sep 3, 2024 · b406326 · b406326
1 parent d05845c
commit b406326
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 14 deletions.
diff --git a/src/components/Icon/icons.ts b/src/components/Icon/icons.ts
@@ -46,6 +46,7 @@ import {
   Minus,
   Moon,
   Pencil,
+  PiggyBank,
   Plus,
   Save,
   Search,
@@ -55,6 +56,7 @@ import {
   Star,
   StickyNote,
   Sun,
+  Timer,
   TriangleAlert,
   Undo,
   University,
@@ -110,6 +112,7 @@ export const icons = {
   Padlock: Lock,
   Pencil,
   Picture: Image,
+  PiggyBank,
   Plus,
   Question: CircleHelp,
   ReligiousOrganization: Church,
@@ -119,6 +122,7 @@ export const icons = {
   Star,
   StickyNote,
   Sun,
+  Timer,
   Undo,
   University,
   Upload: ArrowUpFromLine,

diff --git a/src/pages/Admin/Charity/Dashboard/Dashboard.tsx b/src/pages/Admin/Charity/Dashboard/Dashboard.tsx
@@ -1,12 +1,9 @@
 import ContentLoader from "components/ContentLoader";
 import QueryLoader from "components/QueryLoader";
 import { humanize } from "helpers";
-import { BsGraphUpArrow } from "react-icons/bs"; //icon-line-graph-up
-import { IoPeople } from "react-icons/io5"; //icon-people
-import { LiaPiggyBankSolid } from "react-icons/lia"; //icon-piggy-bank
-import { MdOutlineOutput } from "react-icons/md"; //icon-output
 
 import { skipToken } from "@reduxjs/toolkit/query";
+import Icon from "components/Icon";
 import { useEndowBalanceQuery } from "services/apes";
 import type { EndowmentBalances } from "types/aws";
 import { useAdminContext } from "../../Context";
@@ -48,18 +45,18 @@ function Loaded({
         <Figure
           title="Savings"
           tooltip="Funds held in Fidelity Government Money Market (SPAXX)"
-          icon={<LiaPiggyBankSolid size={24} />}
+          icon={<Icon size={24} type="PiggyBank" />}
           amount={`$ ${humanize(props.donationsBal - props.payoutsMade, 2)}`}
         />
         <Figure
           title="Investments"
           tooltip="Funds invested in a diversified portfolio comprising (50%) domestic and international equities, (30%) fixed income, (15%) crypto and (10%) cash."
-          icon={<BsGraphUpArrow size={16} />}
+          icon={<Icon type="Stocks" size={16} />}
           amount={`$ ${humanize(props.sustainabilityFundBal, 2)}`}
         />
         <Figure
           title="Contributions count"
-          icon={<IoPeople size={17} />}
+          icon={<Icon type="Users" size={17} />}
           amount={props.contributionsCount.toString()}
         />
       </div>
@@ -74,7 +71,7 @@ function Loaded({
       </h3>
       <Figure
         title="Pending allocations"
-        icon={<MdOutlineOutput size={19} className="text-gray" />}
+        icon={<Icon type="Timer" size={19} className="text-gray" />}
         amount={`$ ${humanize(props.payoutsPending, 2)}`}
       />
       <Schedule

diff --git a/src/pages/Admin/Charity/Dashboard/Schedule/AllocationSlider.tsx b/src/pages/Admin/Charity/Dashboard/Schedule/AllocationSlider.tsx
@@ -1,8 +1,8 @@
 import * as Slider from "@radix-ui/react-slider";
 import leaf from "assets/icons/leaf.png";
 import sendMoney from "assets/icons/send-money.png";
+import Icon from "components/Icon";
 import Image from "components/Image";
-import { IoArrowForwardOutline } from "react-icons/io5"; //icon-arrow-right
 import type { Allocation } from "types/aws";
 
 type Props = {
@@ -34,7 +34,7 @@ export function AllocationSlider({ disabled = false, value, onChange }: Props) {
       {/** percentages */}
       <div className="grid grid-cols-[auto_auto_1fr] gap-x-4 gap-y-2">
         <div className="grid grid-cols-subgrid col-span-full items-center">
-          <IoArrowForwardOutline className="text-gray" size={20} />
+          <Icon type="ArrowRight" className="text-gray" size={20} />
           <p className="text-sm">Grant</p>
           <p className="text-right">{value.cash}%</p>
         </div>

diff --git a/src/pages/Admin/Charity/Dashboard/Schedule/Schedule.tsx b/src/pages/Admin/Charity/Dashboard/Schedule/Schedule.tsx
@@ -6,8 +6,6 @@ import { useModalContext } from "contexts/ModalContext";
 import { humanize } from "helpers";
 import { useAdminContext } from "pages/Admin/Context";
 import { useRef } from "react";
-import { IoArrowForwardOutline } from "react-icons/io5"; //icon-arrow-right
-import { RiPencilFill } from "react-icons/ri"; //icon-pencil
 import { useEndowmentQuery } from "services/aws/aws";
 import { Edit } from "./Edit";
 
@@ -46,7 +44,7 @@ export function Schedule(props: Props) {
             });
           }}
         >
-          <RiPencilFill className="h-4 w-4" />
+          <Icon type="Pencil" className="h-4 w-4" />
           <span className="sr-only">Edit allocation settings</span>
         </button>
       </div>
@@ -58,7 +56,7 @@ export function Schedule(props: Props) {
       </p>
       <div className="grid grid-cols-[auto_auto_auto_1fr] gap-y-2 gap-x-2">
         <div className="grid grid-cols-subgrid col-span-full items-center">
-          <IoArrowForwardOutline className="h-4 w-4 mr-2" />
+          <Icon type="ArrowRight" className="h-4 w-4 mr-2" />
           <div className="flex items-center">
             <span>Grants</span>
             <Tooltip