improved UX + improved performance

2024-03-10 06:08:28 -04:00
parent 3feeecdc1d
commit 4a0e75c6e5
18 changed files with 135 additions and 57 deletions
@@ -1,12 +1,15 @@
 import LinkList from "@/components/LinkViews/LinkList";
 import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
+import { GridLoader } from "react-spinners";

 export default function ListView({
  links,
  editMode,
+  isLoading,
 }: {
  links: LinkIncludingShortenedCollectionAndTags[];
  editMode?: boolean;
+  isLoading?: boolean;
 }) {
  return (
    <div className="flex gap-1 flex-col">
@@ -21,6 +24,15 @@ export default function ListView({
          />
        );
      })}
+
+      {isLoading && links.length > 0 && (
+        <GridLoader
+          color="oklch(var(--p))"
+          loading={true}
+          size={20}
+          className="fixed top-5 right-5 opacity-50 z-30"
+        />
+      )}
    </div>
  );
 }