style: replace ledger icon with new drip-list-icon

drips-network · Sep 26, 2023 · f1bcdc3 · f1bcdc3
1 parent fec86c1
commit f1bcdc3
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 17 deletions.
diff --git a/src/lib/components/drip-list-badge/drip-list-badge.svelte b/src/lib/components/drip-list-badge/drip-list-badge.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
   import ensStore from '$lib/stores/ens';
   import formatAddress from '$lib/utils/format-address';
 
@@ -25,7 +25,7 @@
 >
   {#if showAvatar}
     <div class="drip-list-icon">
-      <Ledger style="fill: var(--color-primary)" />
+      <DripListIcon style="fill: var(--color-primary)" />
     </div>
   {/if}
   {#if showName}

diff --git a/src/lib/components/drip-list-members-editor/drip-list-members-editor.svelte b/src/lib/components/drip-list-members-editor/drip-list-members-editor.svelte
@@ -45,7 +45,7 @@
   import { verifyRepoExists } from '$lib/utils/github/github';
   import PercentageEditor from '$lib/components/percentage-editor/percentage-editor.svelte';
   import Trash from 'radicle-design-system/icons/Trash.svelte';
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
   import IdentityBadge from '$lib/components/identity-badge/identity-badge.svelte';
   import ProjectBadge from '$lib/components/project-badge/project-badge.svelte';
   import ethAddressItem from './item-templates/eth-address';
@@ -304,7 +304,7 @@
   {#if isEditable}
     <div class="add-project flex items-center">
       <div class="icon">
-        <Ledger style="fill: var(--color-foreground)" />
+        <DripListIcon style="fill: var(--color-foreground)" />
       </div>
       <input
         bind:this={inputElem}

diff --git a/src/lib/components/drip-lists-section/drip-lists-section.svelte b/src/lib/components/drip-lists-section/drip-lists-section.svelte
@@ -4,7 +4,7 @@
   import DripListService from '$lib/utils/driplist/DripListService';
   import assert from '$lib/utils/assert';
   import { getRepresentationalSplitsForAccount } from '$lib/utils/drips/splits';
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
   import { goto } from '$app/navigation';
   import DripListCard from '../drip-list-card/drip-list-card.svelte';
   import Plus from 'radicle-design-system/icons/Plus.svelte';
@@ -74,7 +74,7 @@
   bind:collapsed
   bind:collapsable
   header={{
-    icon: Ledger,
+    icon: DripListIcon,
     label: 'Drip List',
     actionsDisabled: !dripLists || dripLists.length > 0,
     actions: isSelf

diff --git a/src/lib/components/identity-card/identity-card.svelte b/src/lib/components/identity-card/identity-card.svelte
@@ -3,7 +3,7 @@
   import IdentityBadge from '../identity-badge/identity-badge.svelte';
   import Spinner from '$lib/components/spinner/spinner.svelte';
   import type { DripList } from '$lib/utils/metadata/types';
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
 
   // Either pass address or dripList. If neither, it'll say "TBD" as a placeholder.
   export let address: string | undefined = undefined;
@@ -36,7 +36,7 @@
   {:else if dripList}
     <div class="content-container" in:fade|local>
       <div class="icon">
-        <Ledger style="fill: var(--color-background); height: 3rem; width: 3rem;" />
+        <DripListIcon style="fill: var(--color-background); height: 3rem; width: 3rem;" />
       </div>
       <span class="typo-header-3 ellipsis">{dripList.name}</span>
     </div>

diff --git a/src/lib/components/table/cells/user-badge.cell.svelte b/src/lib/components/table/cells/user-badge.cell.svelte
@@ -3,7 +3,7 @@
   import IdentityBadge from '$lib/components/identity-badge/identity-badge.svelte';
   import { z } from 'zod';
   import type { AddressDriverAccount, NFTDriverAccount } from '$lib/stores/streams/types';
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
 
   export let context: CellContext<unknown, unknown>;
 
@@ -33,7 +33,7 @@
   <!-- TODO: Donʼt presume any NFT account is a Drip List. -->
   <div class="drip-list-badge">
     <div class="icon">
-      <Ledger style="fill: var(--color-background); height: 1.25rem;" />
+      <DripListIcon style="fill: var(--color-background); height: 1.25rem;" />
     </div>
     <span class="typo-text">Your Drip List</span>
   </div>

diff --git a/src/routes/app/(app)/+layout.svelte b/src/routes/app/(app)/+layout.svelte
@@ -5,7 +5,7 @@
   import Header from '$lib/components/header/header.svelte';
   import Sidenav from '$lib/components/sidenav/sidenav.svelte';
 
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
   import TokenStreams from 'radicle-design-system/icons/TokenStreams.svelte';
   import InfoCircle from 'radicle-design-system/icons/InfoCircle.svelte';
   import { quintIn, quintOut } from 'svelte/easing';
@@ -50,7 +50,7 @@
           top: [
             { label: 'Streams', href: '/app/streams', icon: TokenStreams },
             { label: 'Projects', href: '/app/projects', icon: Box },
-            { label: 'Drip List', href: '/app/drip-lists', icon: Ledger },
+            { label: 'Drip List', href: '/app/drip-lists', icon: DripListIcon },
             {
               label: 'Profile',
               href: `/app/${$ens[$wallet.address]?.name ?? $wallet.address}`,
@@ -73,7 +73,7 @@
         items={[
           { label: 'Streams', href: '/app/streams', icon: TokenStreams },
           { label: 'Projects', href: '/app/projects', icon: Box },
-          { label: 'Drip List', href: '/app/drip-lists', icon: Ledger },
+          { label: 'Drip List', href: '/app/drip-lists', icon: DripListIcon },
           {
             label: 'Profile',
             href: `/app/${$ens[$wallet.address]?.name ?? $wallet.address}`,

diff --git a/src/routes/app/(app)/drip-lists/+page.svelte b/src/routes/app/(app)/drip-lists/+page.svelte
@@ -7,7 +7,7 @@
   import Button from '$lib/components/button/button.svelte';
   import EduCard from '$lib/components/edu-card/edu-card.svelte';
   import { goto } from '$app/navigation';
-  import Ledger from 'radicle-design-system/icons/Ledger.svelte';
+  import DripListIcon from 'radicle-design-system/icons/DripList.svelte';
 
   const walletInitialized = walletStore.initialized;
 
@@ -37,7 +37,7 @@
       </p>
     </svelte:fragment>
     <svelte:fragment slot="buttons">
-      <Button icon={Ledger} variant="primary" on:click={() => goto('/app/funder-onboarding')}
+      <Button icon={DripListIcon} variant="primary" on:click={() => goto('/app/funder-onboarding')}
         >Create a Drip List</Button
       >
     </svelte:fragment>

diff --git a/src/routes/app/(flows)/funder-onboarding/steps/review/review.svelte b/src/routes/app/(flows)/funder-onboarding/steps/review/review.svelte
@@ -7,7 +7,7 @@
   import { createEventDispatcher, onMount } from 'svelte';
   import type { StepComponentEvents } from '$lib/components/stepper/types';
   import PenIcon from 'radicle-design-system/icons/Pen.svelte';
-  import ListIcon from 'radicle-design-system/icons/Ledger.svelte';
+  import ListIcon from 'radicle-design-system/icons/DripList.svelte';
   import TransactionsIcon from 'radicle-design-system/icons/Transactions.svelte';
   import type { Writable } from 'svelte/store';
   import unreachable from '$lib/utils/unreachable';
@@ -27,6 +27,7 @@
   import { constants, type DripsSubgraphClient } from 'radicle-drips';
   import { getSubgraphClient } from '$lib/utils/get-drips-clients';
   import streamsStore from '$lib/stores/streams/streams.store';
+  import Pause from 'radicle-design-system/icons/Pause.svelte';
 
   const dispatch = createEventDispatcher<StepComponentEvents>();
 
@@ -209,7 +210,7 @@
           ><span class="typo-text-bold">Add funds</span> (or withdraw any unstreamed funds) from your
           Drips dashboard.</UlIconLi
         >
-        <UlIconLi icon={ListIcon}
+        <UlIconLi icon={Pause}
           ><span class="typo-text-bold">Pause or cancel</span> your support anytime.</UlIconLi
         >
         <UlIconLi icon={PenIcon}