Change seed icon

src/components/IconSmall.svelte

@@ -54,6 +54,7 @@
     | "patch"
     | "plus"
     | "repo"
+    | "seedling"
     | "settings"
     | "share"
     | "user";
@@ -503,6 +504,11 @@
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M8.3143 2.03576C8.43351 1.98808 8.56649 1.98808 8.6857 2.03576L14.6857 4.43576C14.8755 4.51169 15 4.69555 15 4.9V12.1C15 12.3045 14.8755 12.4883 14.6857 12.5642L8.6857 14.9642C8.56649 15.0119 8.43351 15.0119 8.3143 14.9642L2.3143 12.5642C2.12448 12.4883 2 12.3045 2 12.1V4.9C2 4.69555 2.12448 4.51169 2.3143 4.43576L8.3143 2.03576ZM3 5.63852L8 7.63852V13.7615L3 11.7615V5.63852ZM9 13.7615L14 11.7615V5.63852L9 7.63852V13.7615ZM8.5 6.76148L13.1537 4.9L8.5 3.03852L3.84629 4.9L8.5 6.76148Z" />
+  {:else if name === "seedling"}
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.445 11.527c-.137-1.49.08-3.501.96-4.474.925.206 2.777-.43 3.45-1.713.61-1.165.5-2.874.843-3.34-4.026 0-4.693 4.161-5.846 7.278C6.999 6.974 4.324 5.422 2 6.368c.945.654 1.534 2.265 2.814 2.41.403.045 1.135 0 1.618-.91 1.14.926.974 2.048.825 3.662-.06.65-.284 1.27-.252 1.786.048.912 1.646.912 1.694 0 .034-.516-.192-1.136-.252-1.786l-.002-.003z" />
   {:else if name === "settings"}
     <path
       d="M12.5 4C12.5 3.44772 12.0523 3 11.5 3C10.9477 3 10.5 3.44772 10.5 4C10.5 4.55228 10.9477 5 11.5 5H14C14.2761 5 14.5 4.77614 14.5 4.5C14.5 4.22386 14.2761 4 14 4H12.5Z" />

src/views/home/components/FilterButton.svelte

@@ -16,9 +16,9 @@
   }[] = [
     {
       value: "all",
-      title: "All projects",
+      title: "All seeding",
       description: "Show all projects you’re seeding with your local node.",
-      iconName: "globe",
+      iconName: "seedling",
     },
     {
       value: "delegating",
@@ -71,8 +71,8 @@
     slot="toggle"
     on:click={toggle}>
     {#if value === "all"}
-      <IconSmall name="globe" />
-      All projects
+      <IconSmall name="seedling" />
+      All seeding
     {:else}
       <IconSmall name="badge" />
       Only delegating

src/views/home/components/PreferredSeedDropdown.svelte

@@ -34,6 +34,9 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
   }
 
   .divider {
@@ -55,7 +58,7 @@
 <Popover
   bind:expanded
   popoverPositionTop="2.5rem"
-  popoverPositionRight="0"
+  popoverPositionLeft="-0.25rem"
   popoverPadding="0.25rem"
   popoverBorderRadius="var(--border-radius-small)">
   <Button
@@ -65,6 +68,7 @@
     on:click={toggle}
     title="Change peer"
     {disabled}>
+    <IconSmall name="seedling" />
     {preferredSeed.hostname}
     <IconSmall name={expanded ? "chevron-up" : "chevron-down"} />
   </Button>
@@ -82,6 +86,7 @@
             slot="item"
             selected={item.hostname === preferredSeed.hostname}>
             <div class="label">
+              <IconSmall name="seedling" />
               {item.hostname}
             </div>
           </DropdownListItem>

src/views/projects/Header/SeedButton.svelte

@@ -108,7 +108,7 @@
       : seeding
         ? "secondary-toggle-on"
         : "secondary-toggle-off"}>
-    <IconSmall name="network" />
+    <IconSmall name="seedling" />
     <span class="title-counter">
       {seeding ? "Seeding" : "Seed"}
       <span
@@ -138,7 +138,7 @@
         on:click={async () => {
           await editSeeding();
         }}>
-        <IconSmall name="network" />
+        <IconSmall name="seedling" />
         Stop seeding
       </Button>
     {:else}

src/views/projects/Header/ShareButton.svelte

@@ -109,7 +109,7 @@
       {#await queryProject(seed.node, seed.project)}
         <li class="seed-item">
           <span class="seed txt-bold">
-            <IconSmall name="globe" />
+            <IconSmall name="seedling" />
             <span class="txt-overflow">
               {seed.node.hostname}/{seed.project}
             </span>
@@ -127,7 +127,7 @@
             ? "Not available on this public seed node"
             : ""}>
           <div class="seed txt-bold">
-            <IconSmall name="globe" />
+            <IconSmall name="seedling" />
             <span class="txt-overflow">
               {path.replace("/nodes/", "")}
             </span>