feat: ✨ v3.0.0 (#234)

* feat: ✨ v3.0.0 * feat: ✨ v3.0.0
caorushizi · Jul 24, 2024 · 196c515 · 196c515
1 parent 7ca3813
commit 196c515
Show file tree

Hide file tree

Showing 30 changed files with 485 additions and 180 deletions.
diff --git a/packages/renderer/src/assets/svg/CloseIcon.tsx b/packages/renderer/src/assets/svg/CloseIcon.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+export function CloseIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M11.1426 10.0146L16.7807 15.6526C16.9239 15.8035 17.0026 16.0043 16.9999 16.2124C16.9972 16.4204 16.9134 16.6192 16.7663 16.7663C16.6192 16.9134 16.4204 16.9972 16.2124 16.9999C16.0043 17.0026 15.8035 16.9239 15.6526 16.7807L10.0146 11.1426L4.37653 16.7807C4.22566 16.9239 4.0248 17.0026 3.81676 16.9999C3.60871 16.9972 3.40995 16.9134 3.26283 16.7663C3.11571 16.6192 3.03187 16.4204 3.02918 16.2124C3.0265 16.0043 3.10518 15.8035 3.24846 15.6526L8.88649 10.0146L3.24846 4.37653C3.17122 4.30318 3.10945 4.2151 3.06679 4.1175C3.02413 4.0199 3.00144 3.91474 3.00007 3.80823C2.99869 3.70172 3.01866 3.59601 3.05878 3.49734C3.09891 3.39867 3.15839 3.30903 3.23371 3.23371C3.30903 3.15839 3.39867 3.09891 3.49734 3.05878C3.59601 3.01866 3.70172 2.99869 3.80823 3.00007C3.91474 3.00144 4.0199 3.02413 4.1175 3.06679C4.2151 3.10945 4.30318 3.17122 4.37653 3.24846L10.0146 8.88649L15.6526 3.24846C15.8035 3.10518 16.0043 3.0265 16.2124 3.02918C16.4204 3.03187 16.6192 3.11571 16.7663 3.26283C16.9134 3.40995 16.9972 3.60871 16.9999 3.81676C17.0026 4.0248 16.9239 4.22566 16.7807 4.37653L11.1426 10.0146Z" />
+    </svg>
+  );
+}
diff --git a/packages/renderer/src/assets/svg/ConsoleIcon.tsx b/packages/renderer/src/assets/svg/ConsoleIcon.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+
+export function ConsoleIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g clipPath="url(#clip0_3_89)">
+        <path
+          d="M14.4395 0H1.57831C1.16462 0.00055561 0.768033 0.165345 0.475509 0.458233C0.182986 0.751121 0.0184028 1.1482 0.0178478 1.56241V4.31973C-0.00594928 4.41486 -0.00594928 4.5144 0.0178478 4.60953V14.4376C0.0184028 14.8518 0.182986 15.2489 0.475509 15.5418C0.768033 15.8347 1.16462 15.9994 1.57831 16H14.4395C14.8532 15.9994 15.2498 15.8347 15.5423 15.5418C15.8349 15.2489 15.9994 14.8518 16 14.4376V1.56241C15.9994 1.1482 15.8349 0.751121 15.5423 0.458233C15.2498 0.165345 14.8532 0.00055561 14.4395 0ZM1.57831 1.24951H14.4395C14.5219 1.25061 14.6005 1.28399 14.6586 1.34249C14.7166 1.401 14.7494 1.47995 14.75 1.56241V3.83672H1.25951V1.56241C1.26061 1.47867 1.29475 1.39878 1.35448 1.34015C1.41421 1.28153 1.49467 1.24895 1.57831 1.24951ZM14.4395 14.7505H1.57831C1.49467 14.7511 1.41421 14.7185 1.35448 14.6598C1.29475 14.6012 1.26061 14.5213 1.25951 14.4376V5.08833H14.75V14.4376C14.7494 14.52 14.7166 14.599 14.6586 14.6575C14.6005 14.716 14.5219 14.7494 14.4395 14.7505Z"
+          fill="#707070"
+        />
+        <path
+          d="M4.6976 13.3265C4.52625 13.3263 4.36188 13.2548 4.24023 13.1274L1.96637 10.7335C1.8457 10.605 1.77793 10.4315 1.77778 10.2506C1.77743 10.1612 1.79393 10.0728 1.8263 9.99024C1.85868 9.90772 1.9063 9.83284 1.96637 9.76995L4.24023 7.37605C4.29684 7.29923 4.36829 7.236 4.44982 7.19055C4.53134 7.1451 4.62109 7.11847 4.71311 7.11244C4.80513 7.1064 4.89731 7.12109 4.98354 7.15553C5.06977 7.18997 5.14808 7.24338 5.21327 7.31221C5.27846 7.38104 5.32905 7.46372 5.36167 7.55476C5.39429 7.64581 5.4082 7.74313 5.40248 7.84028C5.39677 7.93744 5.37155 8.0322 5.3285 8.11827C5.28545 8.20435 5.22556 8.27978 5.1528 8.33956L3.33632 10.2597L5.1528 12.1822C5.23502 12.279 5.28952 12.3984 5.30996 12.5266C5.33039 12.6548 5.31592 12.7866 5.26824 12.9064C5.22055 13.0263 5.14161 13.1294 5.04059 13.2038C4.93957 13.2781 4.82062 13.3207 4.6976 13.3265ZM11.3024 13.3265C11.1794 13.3207 11.0604 13.2781 10.9594 13.2038C10.8584 13.1294 10.7795 13.0263 10.7318 12.9064C10.6841 12.7866 10.6696 12.6548 10.69 12.5266C10.7105 12.3984 10.765 12.279 10.8472 12.1822L12.6637 10.262L10.8472 8.34185C10.7478 8.20999 10.6978 8.04412 10.7067 7.87584C10.7156 7.70756 10.7828 7.54862 10.8956 7.4293C11.0083 7.30998 11.1587 7.23861 11.3181 7.22879C11.4774 7.21897 11.6347 7.27139 11.7598 7.37605L14.0336 9.77911C14.0937 9.84199 14.1413 9.91688 14.1737 9.99939C14.2061 10.0819 14.2226 10.1704 14.2222 10.2597C14.2221 10.4406 14.1543 10.6142 14.0336 10.7426L11.7598 13.1342C11.6381 13.2616 11.4738 13.3332 11.3024 13.3333V13.3265Z"
+          fill="#707070"
+        />
+        <path
+          d="M6.83068 13.3333C6.72535 13.3318 6.62212 13.3 6.53084 13.2408C6.43957 13.1817 6.3633 13.0973 6.30931 12.9956C6.25533 12.8939 6.22543 12.7783 6.22246 12.66C6.2195 12.5416 6.24358 12.4243 6.2924 12.3194L8.64276 7.42968C8.72659 7.28289 8.85657 7.17705 9.00677 7.13328C9.15697 7.08951 9.31632 7.11104 9.45302 7.19357C9.58972 7.27609 9.6937 7.41354 9.74421 7.57848C9.79472 7.74341 9.78803 7.9237 9.72549 8.08333L7.36896 12.973C7.31608 13.0817 7.23825 13.1724 7.14358 13.2358C7.04891 13.2992 6.94086 13.3328 6.83068 13.3333Z"
+          fill="#707070"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_3_89">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
diff --git a/packages/renderer/src/assets/svg/DeleteIcon.tsx b/packages/renderer/src/assets/svg/DeleteIcon.tsx
@@ -0,0 +1,23 @@
+import React, { SVGProps } from "react";
+
+export function DeleteIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M3.93405 5.08333V13.2675C3.9342 13.4175 3.99387 13.5614 4.09995 13.6674C4.20603 13.7735 4.34986 13.8332 4.49988 13.8333H11.5174C11.8301 13.8333 12.0832 13.5796 12.0832 13.2675V5.08333H3.93405ZM11.5174 15H4.49988C3.54497 15 2.76738 14.223 2.76738 13.2675V3.91667H13.2499V13.2675C13.2499 14.223 12.4729 15 11.5174 15Z"
+        fill="#707070"
+      />
+      <path
+        d="M14.4167 5.08333H1.58333C1.2625 5.08333 1 4.82083 1 4.5C1 4.17917 1.2625 3.91667 1.58333 3.91667H14.4167C14.7375 3.91667 15 4.17917 15 4.5C15 4.82083 14.7375 5.08333 14.4167 5.08333ZM11.5 3.91667H10.3333V2.75C10.3333 2.42858 10.072 2.16667 9.75 2.16667H6.25C5.92858 2.16667 5.66667 2.42858 5.66667 2.75V3.91667H4.5V2.75C4.5 1.78517 5.28517 1 6.25 1H9.75C10.7148 1 11.5 1.78517 11.5 2.75V3.91667ZM6.25 12.0833C5.92917 12.0833 5.66667 11.8208 5.66667 11.5V7.41667C5.66667 7.09583 5.92917 6.83333 6.25 6.83333C6.57083 6.83333 6.83333 7.09583 6.83333 7.41667V11.5C6.83333 11.8208 6.57083 12.0833 6.25 12.0833ZM9.75 12.0833C9.42917 12.0833 9.16667 11.8208 9.16667 11.5V7.41667C9.16667 7.09583 9.42917 6.83333 9.75 6.83333C10.0708 6.83333 10.3333 7.09583 10.3333 7.41667V11.5C10.3333 11.8208 10.0708 12.0833 9.75 12.0833Z"
+        fill="#707070"
+      />
+    </svg>
+  );
+}
diff --git a/packages/renderer/src/assets/svg/DownloadListIcon.tsx b/packages/renderer/src/assets/svg/DownloadListIcon.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+
+export function DownloadListIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M14.4625 5.27969C14.1094 4.44688 13.6063 3.69844 12.9625 3.05626C12.3203 2.41407 11.5719 1.90938 10.7391 1.55626C9.87656 1.19063 8.96094 1.00626 8.01563 1.00626C7.07032 1.00626 6.15469 1.19063 5.29219 1.55626C4.45938 1.90938 3.71094 2.41251 3.06875 3.05626C2.42657 3.69844 1.92188 4.44688 1.56875 5.27969C1.20313 6.14219 1.01875 7.05938 1.01875 8.00313C1.01875 8.94688 1.20313 9.86407 1.56875 10.7266C1.92188 11.5594 2.425 12.3078 3.06875 12.95C3.71094 13.5922 4.45938 14.0969 5.29219 14.45C6.15469 14.8156 7.07188 15 8.01563 15C8.95938 15 9.87656 14.8156 10.7391 14.45C11.5719 14.0969 12.3203 13.5938 12.9625 12.95C13.6047 12.3078 14.1094 11.5594 14.4625 10.7266C14.8281 9.86407 15.0125 8.94688 15.0125 8.00313C15.0125 7.05938 14.8281 6.14219 14.4625 5.27969ZM8.01563 13.7359C4.85469 13.7359 2.28282 11.1641 2.28282 8.00313C2.28282 4.84219 4.85469 2.27032 8.01563 2.27032C11.1766 2.27032 13.7484 4.84219 13.7484 8.00313C13.7484 11.1641 11.1781 13.7359 8.01563 13.7359Z"
+        fill="#707070"
+      />
+      <path
+        d="M10.3859 8.13749C10.1109 7.89374 9.6875 7.92031 9.44375 8.19531L8.675 9.06562V5.75781C8.675 5.73749 8.67343 5.71562 8.67187 5.69531C8.67343 5.67343 8.675 5.64999 8.675 5.62656V5.15312C8.675 4.79062 8.37812 4.49374 8.01562 4.49374C7.65312 4.49374 7.35625 4.79062 7.35625 5.15312V5.62656C7.35625 5.65156 7.35781 5.67499 7.36093 5.69999C7.35937 5.71874 7.35781 5.73749 7.35781 5.75781V9.06406L6.58906 8.19531C6.34531 7.92031 5.92187 7.89374 5.64687 8.13749C5.37187 8.38124 5.34531 8.80468 5.58906 9.07968L7.51562 11.2578C7.57968 11.3312 7.65625 11.3859 7.74062 11.4234C7.74218 11.4234 7.74375 11.425 7.74531 11.425L7.76875 11.4344C7.77187 11.4359 7.775 11.4375 7.77812 11.4375C7.78437 11.4406 7.79062 11.4422 7.79687 11.4437C7.80156 11.4453 7.80625 11.4469 7.80937 11.4484C7.81406 11.45 7.82031 11.4516 7.825 11.4531C7.82968 11.4547 7.83593 11.4562 7.84062 11.4578C7.84531 11.4594 7.85 11.4609 7.85468 11.4609C7.86093 11.4625 7.86718 11.4641 7.87187 11.4656C7.87656 11.4672 7.88125 11.4672 7.88437 11.4687C7.89062 11.4703 7.89687 11.4719 7.90312 11.4719C7.90781 11.4719 7.91093 11.4734 7.91562 11.4734C7.92187 11.475 7.92812 11.475 7.93437 11.4766C7.93906 11.4766 7.94375 11.4781 7.94687 11.4781C7.95312 11.4781 7.95937 11.4797 7.96562 11.4797C7.97031 11.4797 7.975 11.4797 7.97968 11.4812H8.04531C8.05 11.4812 8.05468 11.4812 8.05937 11.4797C8.06562 11.4797 8.07187 11.4781 8.07812 11.4781C8.08281 11.4781 8.0875 11.4766 8.09062 11.4766C8.09687 11.4766 8.10312 11.475 8.10937 11.4734C8.11406 11.4734 8.11718 11.4719 8.12187 11.4719C8.12812 11.4703 8.13437 11.4703 8.14062 11.4687C8.14531 11.4672 8.15 11.4672 8.15312 11.4656C8.15937 11.4641 8.16562 11.4625 8.17031 11.4609C8.175 11.4594 8.17968 11.4594 8.18437 11.4578C8.18906 11.4562 8.19531 11.4547 8.2 11.4531C8.20468 11.4516 8.21093 11.45 8.21562 11.4484C8.22031 11.4469 8.225 11.4453 8.22812 11.4437C8.23437 11.4422 8.24062 11.4391 8.24687 11.4375C8.25 11.4359 8.25312 11.4344 8.25625 11.4344L8.27968 11.425C8.28125 11.425 8.28281 11.4234 8.28437 11.4234C8.36718 11.3859 8.44531 11.3312 8.50937 11.2578L10.4375 9.07968C10.6875 8.80468 10.6609 8.37968 10.3859 8.13749Z"
+        fill="#707070"
+      />
+    </svg>
+  );
+}
diff --git a/packages/renderer/src/assets/svg/EditIcon.tsx b/packages/renderer/src/assets/svg/EditIcon.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+
+export function EditIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g clipPath="url(#clip0_3_85)">
+        <path
+          d="M12.6156 4.58593L12.1641 5.0375L12.3438 4.85781C12.4875 4.69687 12.4813 4.45 12.3266 4.29531L12.6156 4.58593ZM10.1641 2.12968L10.6156 2.58125L10.4359 2.40156C10.275 2.25781 10.0281 2.26406 9.87344 2.41875L10.1641 2.12968ZM15.0047 14.4625C15.0047 14.1094 14.7188 13.8219 14.3641 13.8219H1.56406C1.21094 13.8219 0.923439 14.1078 0.923439 14.4625C0.923439 14.8156 1.20938 15.1031 1.56406 15.1031H14.3656C14.7188 15.1016 15.0047 14.8156 15.0047 14.4625ZM2.575 12.8219C2.92813 12.8219 3.21563 12.5359 3.21563 12.1812V8.82343C3.21563 8.47031 2.92969 8.18281 2.575 8.18281C2.22188 8.18281 1.93438 8.46875 1.93438 8.82343V12.1812C1.93438 12.5359 2.22188 12.8219 2.575 12.8219Z"
+          fill="#707070"
+        />
+        <path
+          d="M1.93438 12.1828C1.93438 12.5359 2.22031 12.8234 2.575 12.8234H5.92344C6.27656 12.8234 6.56406 12.5375 6.56406 12.1828C6.56406 11.8297 6.27813 11.5422 5.92344 11.5422H2.575C2.22188 11.5422 1.93438 11.8297 1.93438 12.1828Z"
+          fill="#707070"
+        />
+        <path
+          d="M13.6703 3.83594C13.6687 3.83437 13.6656 3.83281 13.6641 3.82969L10.8609 1.02656C10.4437 0.66406 9.80937 0.679685 9.4125 1.07812C9.41094 1.07969 9.40937 1.08281 9.40625 1.08437L2.11562 8.37344C1.86562 8.62344 1.86562 9.02812 2.11562 9.27812C2.36562 9.52812 2.77031 9.52812 3.02031 9.27812L10.1609 2.1375L12.6094 4.58437L5.47031 11.7234C5.22031 11.9734 5.22031 12.3781 5.47031 12.6281C5.72031 12.8781 6.125 12.8781 6.375 12.6281L13.7406 5.2625C14.0828 4.84531 14.0594 4.22656 13.6703 3.83594Z"
+          fill="#707070"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_3_85">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
diff --git a/packages/renderer/src/assets/svg/FavFillIcon.tsx b/packages/renderer/src/assets/svg/FavFillIcon.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+export function FavFillIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M18.6508 8.79885L14.1178 12.2394L15.864 17.8376C15.8912 17.9243 15.9063 18.018 15.9063 18.1141C15.9063 18.604 15.5284 19 15.0625 19C14.8776 19 14.7073 18.9368 14.5681 18.8313L10 15.3648L5.43196 18.8312H5.43167C5.29275 18.9368 5.12234 19 4.93749 19C4.47138 19 4.09373 18.6039 4.09373 18.114C4.09373 18.0179 4.10876 17.9242 4.13598 17.8375L5.88218 12.2394L1.34903 8.79885H1.34932C1.13781 8.63829 1 8.37697 1 8.08164C1 7.59297 1.37765 7.19686 1.84373 7.19686H7.45543L9.19312 1.62576C9.29915 1.26252 9.6201 1 10 1C10.3799 1 10.7009 1.2625 10.8066 1.62576L12.5446 7.19686H18.1563C18.6224 7.19686 19 7.59297 19 8.08164C19 8.37697 18.8622 8.63829 18.6508 8.79885Z" />
+    </svg>
+  );
+}
diff --git a/packages/renderer/src/assets/svg/FavIcon.tsx b/packages/renderer/src/assets/svg/FavIcon.tsx
@@ -6,10 +6,22 @@ export function FavIcon(props: React.SVGProps<SVGSVGElement>) {
       width="20"
       height="20"
       viewBox="0 0 20 20"
+      fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
-      <path d="M18.6508 8.79885L14.1178 12.2394L15.864 17.8376C15.8912 17.9243 15.9063 18.018 15.9063 18.1141C15.9063 18.604 15.5284 19 15.0625 19C14.8776 19 14.7073 18.9368 14.5681 18.8313L10 15.3648L5.43196 18.8312H5.43167C5.29275 18.9368 5.12234 19 4.93749 19C4.47138 19 4.09373 18.6039 4.09373 18.114C4.09373 18.0179 4.10876 17.9242 4.13598 17.8375L5.88218 12.2394L1.34903 8.79885H1.34932C1.13781 8.63829 1 8.37697 1 8.08164C1 7.59297 1.37765 7.19686 1.84373 7.19686H7.45543L9.19312 1.62576C9.29915 1.26252 9.6201 1 10 1C10.3799 1 10.7009 1.2625 10.8066 1.62576L12.5446 7.19686H18.1563C18.6224 7.19686 19 7.59297 19 8.08164C19 8.37697 18.8622 8.63829 18.6508 8.79885Z" />
+      <g clipPath="url(#clip0_126_9)">
+        <path
+          d="M18.6508 8.79885L14.1178 12.2394L15.864 17.8376C15.8912 17.9243 15.9063 18.018 15.9063 18.1141C15.9063 18.604 15.5284 19 15.0625 19C14.8776 19 14.7073 18.9368 14.5681 18.8313L10 15.3648L5.43196 18.8312C5.29304 18.9368 5.12234 19 4.93749 19C4.47138 19 4.09373 18.6039 4.09373 18.114C4.09373 18.0179 4.10876 17.9242 4.13598 17.8375L5.88218 12.2394L1.34903 8.79885C1.13752 8.63829 1 8.37697 1 8.08164C1 7.59297 1.37765 7.19686 1.84373 7.19686H7.45543L9.19312 1.62576C9.29915 1.26252 9.6201 1 10 1C10.3799 1 10.7009 1.2625 10.8066 1.62576L12.5446 7.19686H18.1563C18.6224 7.19686 19 7.59297 19 8.08164C19 8.37697 18.8622 8.63829 18.6508 8.79885Z"
+          stroke="#515151"
+          strokeWidth="1.8"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_126_9">
+          <rect width="20" height="20" fill="white" />
+        </clipPath>
+      </defs>
     </svg>
   );
 }
diff --git a/packages/renderer/src/assets/svg/HomeIcon.tsx b/packages/renderer/src/assets/svg/HomeIcon.tsx
@@ -9,7 +9,7 @@ export function HomeIcon(props: React.SVGProps<SVGSVGElement>) {
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
-      <path d="M18.7873 9.46184L10.534 1.21897C10.393 1.07873 10.2022 1 10.0032 1C9.80429 1 9.61344 1.07873 9.47247 1.21897L1.21912 9.45996C1.11339 9.56694 1.04183 9.70287 1.01354 9.85053C0.985254 9.99818 1.0015 10.1509 1.06022 10.2893C1.06672 10.3062 1.07458 10.3225 1.08373 10.3382C1.11318 10.3867 1.15454 10.4269 1.2039 10.455C1.25326 10.4831 1.30899 10.4982 1.3658 10.4988H2.83444V18.2485C2.83815 18.4507 2.92181 18.6433 3.06715 18.7841C3.21249 18.9248 3.4077 19.0025 3.61013 18.9999H16.3587C16.4569 19.0003 16.5541 18.9811 16.6447 18.9433C16.7352 18.9054 16.8173 18.8498 16.8859 18.7798C16.9546 18.7097 17.0084 18.6266 17.0443 18.5353C17.0802 18.4441 17.0974 18.3466 17.0949 18.2485V10.4988H18.6162C18.6749 10.499 18.7327 10.4845 18.7843 10.4566C18.8359 10.4287 18.8796 10.3883 18.9115 10.3391C18.9865 10.1986 19.0149 10.0379 18.9926 9.88025C18.9703 9.72258 18.8984 9.57606 18.7873 9.46184ZM12.5724 17.8569H7.36918V13.2602C7.35017 12.9071 7.40336 12.5539 7.52552 12.2221C7.64768 11.8902 7.83623 11.5868 8.07968 11.3301C8.32314 11.0735 8.61638 10.8691 8.94151 10.7294C9.26665 10.5898 9.61687 10.5177 9.9708 10.5177C10.3247 10.5177 10.6749 10.5898 11.0001 10.7294C11.3252 10.8691 11.6185 11.0735 11.8619 11.3301C12.1054 11.5868 12.2939 11.8902 12.4161 12.2221C12.5382 12.5539 12.5914 12.9071 12.5724 13.2602V17.8569Z" />
+      <path d="M11.0084 1.35473C10.7325 1.12648 10.3729 1 10 1C9.62707 1 9.26754 1.12648 8.99162 1.35473L1.25209 7.75654C1.1779 7.81642 1.11752 7.8891 1.07443 7.97037C1.03134 8.05163 1.00641 8.13987 1.00108 8.22997C0.995755 8.32007 1.01014 8.41024 1.04339 8.49524C1.07665 8.58024 1.12812 8.6584 1.19482 8.72517C1.26152 8.79195 1.34212 8.84601 1.43196 8.88424C1.52179 8.92246 1.61907 8.94408 1.71816 8.94785C1.81725 8.95162 1.91617 8.93745 2.0092 8.90618C2.10223 8.87491 2.18751 8.82715 2.2601 8.76567L2.50517 8.56248V15.9545C2.50517 16.497 2.74204 17.0173 3.16369 17.4009C3.58533 17.7845 4.15721 18 4.7535 18H15.2457C15.842 18 16.4139 17.7845 16.8356 17.4009C17.2572 17.0173 17.4941 16.497 17.4941 15.9545V8.56248L17.7399 8.76498C17.8125 8.82646 17.8978 8.87422 17.9908 8.9055C18.0838 8.93677 18.1828 8.95093 18.2818 8.94717C18.3809 8.9434 18.4782 8.92178 18.568 8.88356C18.6579 8.84533 18.7385 8.79127 18.8052 8.72449C18.8719 8.65772 18.9234 8.57956 18.9566 8.49456C18.9899 8.40955 19.0042 8.31939 18.9989 8.22929C18.9936 8.13919 18.9687 8.05095 18.9256 7.96968C18.8825 7.88842 18.8221 7.81574 18.7479 7.75586L11.0084 1.35473ZM15.9952 7.32289V15.9545C15.9952 16.1353 15.9162 16.3087 15.7757 16.4366C15.6351 16.5645 15.4445 16.6363 15.2457 16.6363H12.9974V13.909C12.9973 13.1856 12.6815 12.492 12.1193 11.9806C11.5571 11.4691 10.7946 11.1818 9.99963 11.1818C9.2046 11.1818 8.44214 11.4691 7.87995 11.9806C7.31777 12.492 7.0019 13.1856 7.00184 13.909V16.6363H4.7535C4.55474 16.6363 4.36411 16.5645 4.22357 16.4366C4.08302 16.3087 4.00406 16.1353 4.00406 15.9545V7.32289L9.99963 2.36386L15.9952 7.32289ZM11.4985 13.909V16.6363H8.50073V13.909C8.50073 13.5473 8.65865 13.2004 8.93975 12.9447C9.22085 12.6889 9.6021 12.5453 9.99963 12.5453C10.3972 12.5453 10.7784 12.6889 11.0595 12.9447C11.3406 13.2004 11.4985 13.5473 11.4985 13.909Z" />
     </svg>
   );
 }
diff --git a/packages/renderer/src/assets/svg/PCIcon.tsx b/packages/renderer/src/assets/svg/PCIcon.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+export function PCIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M16.875 1.79688H3.125C2.58628 1.79688 2.06962 2.01088 1.68869 2.39181C1.30776 2.77275 1.09375 3.2894 1.09375 3.82813V12.8906C1.09375 13.1574 1.14629 13.4215 1.24837 13.668C1.35045 13.9144 1.50007 14.1383 1.68869 14.3269C1.87731 14.5156 2.10123 14.6652 2.34767 14.7673C2.59412 14.8693 2.85825 14.9219 3.125 14.9219H16.875C17.1417 14.9219 17.4059 14.8693 17.6523 14.7673C17.8988 14.6652 18.1227 14.5156 18.3113 14.3269C18.4999 14.1383 18.6496 13.9144 18.7516 13.668C18.8537 13.4215 18.9062 13.1574 18.9062 12.8906V3.82813C18.9062 3.2894 18.6922 2.77275 18.3113 2.39181C17.9304 2.01088 17.4137 1.79688 16.875 1.79688ZM3.125 3.35938H16.875C16.9993 3.35937 17.1185 3.40876 17.2065 3.49667C17.2944 3.58458 17.3437 3.70381 17.3437 3.82813V12.8906C17.3437 13.0149 17.2944 13.1342 17.2065 13.2221C17.1185 13.31 16.9993 13.3594 16.875 13.3594H3.125C3.00068 13.3594 2.88145 13.31 2.79354 13.2221C2.70564 13.1342 2.65625 13.0149 2.65625 12.8906V3.82813C2.65625 3.70381 2.70564 3.58458 2.79354 3.49667C2.88145 3.40876 3.00068 3.35938 3.125 3.35938Z" />
+      <path d="M10.7812 14.0363V17.6825H9.21875V14.0363H10.7812Z" />
+      <path d="M13.7481 16.6406C13.949 16.6397 14.1426 16.7162 14.2885 16.8542C14.4345 16.9922 14.5217 17.1812 14.532 17.3818C14.5423 17.5825 14.4749 17.7793 14.3438 17.9316C14.2127 18.0838 14.0281 18.1797 13.8281 18.1994L13.7481 18.2031H6.1C5.89911 18.2041 5.70557 18.1276 5.5596 17.9895C5.41363 17.8515 5.32644 17.6626 5.31615 17.4619C5.30585 17.2613 5.37324 17.0644 5.50431 16.9122C5.63538 16.7599 5.82007 16.664 6.02 16.6444L6.1 16.6406H13.7481ZM18.3019 10.3906V11.9531H2.03125V10.3906H18.3019Z" />
+    </svg>
+  );
+}