Fix spinner

biensupernice · Mar 16, 2024 · e3dd2f1 · e3dd2f1 · github-actions · Mar 16, 2024
1 parent 16a828c
commit e3dd2f1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/client/EpisodesScreen/EpisodeList/EpisodeListSpinner.tsx b/src/client/EpisodesScreen/EpisodeList/EpisodeListSpinner.tsx
@@ -1,10 +1,10 @@
 import React from "react";
-import { Soulection } from "../../components/Icons";
+import { Soulector } from "../../components/Icons";
 
 export default function EpisodeListSpinner() {
   return (
-    <div className="w-full h-full flex flex-col items-center justify-center animate-fade-loop">
-      <Soulection className="w-10 h-10" />
+    <div className="animate-fade-loop flex h-full w-full flex-col items-center justify-center">
+      <Soulector className="h-14 w-14" />
       <div className="font-semibold">Loading Episodes</div>
     </div>
   );

diff --git a/src/client/components/Icons.tsx b/src/client/components/Icons.tsx
@@ -1,5 +1,23 @@
 import React from "react";
 
+export function Soulector(props: any) {
+  return (
+    <svg
+      {...props}
+      viewBox="0 0 1024 1024"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M424.581 966.585C357.094 953.607 295.87 926.584 243.356 889.127C100.511 787.239 22.1126 608.155 57.4147 424.581C93.7334 235.721 240.05 95.9077 417.193 58.7749C475.534 46.5454 537.219 45.4534 599.419 57.4147C663.919 69.8184 722.698 95.0519 773.62 129.961C920.908 230.934 1002.46 412.858 966.585 599.419C931.648 781.097 794.919 917.388 626.878 960.546C562.704 977.028 493.963 979.928 424.581 966.585ZM443.354 868.966C436.319 867.613 429.37 866.066 422.513 864.331C356.863 842.661 313.203 783.376 311.886 713.502C311.664 700.909 315.122 677.834 319.177 664.896C330.948 627.897 355.626 597.394 387.275 577.669C406.55 614.221 441.647 642.005 485.382 650.415C561.282 665.011 634.661 615.773 650.092 540.248C664.504 534.007 678.491 526.349 691.988 517.293C746.447 480.579 781.903 429.119 796.659 365.117C801.858 342.669 804.09 315.273 802.452 293.748C802.443 293.627 802.434 293.506 802.426 293.387C861.994 372.573 889.152 475.675 868.966 580.646C831.054 777.793 640.501 906.878 443.354 868.966ZM252.151 589.74C280.145 539.99 323.675 502.543 374.405 481.416C390.857 407.215 463.503 359.14 538.618 373.585C581.656 381.861 616.329 408.898 635.791 444.589C667.476 424.739 692.01 394.127 703.631 357.443C707.686 344.505 711.126 321.524 710.94 308.743C709.834 250.836 678.699 198.343 628.733 170.444C624.389 168.015 618.334 165.144 612.38 162.604C602.017 159.64 591.433 157.108 580.646 155.034C383.499 117.122 192.946 246.207 155.034 443.354C134.988 547.596 161.631 649.995 220.338 728.96C220.297 727.639 220.234 726.143 220.152 724.562C217.876 677.327 228.826 631.079 252.151 589.74ZM512 528.321C502.986 528.321 495.679 521.014 495.679 512C495.679 502.986 502.986 495.679 512 495.679C521.014 495.679 528.321 502.986 528.321 512C528.321 521.014 521.014 528.321 512 528.321Z"
+        fill="black"
+      />
+    </svg>
+  );
+}
+
 export function Soulection(props: any) {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 18" {...props}>