Skip to content

Commit

Permalink
199 skeleton loading for projects page (#200)
Browse files Browse the repository at this point in the history
* feat(frontend): ✨ make loading skeleton for projetcs overview page

* feat(frontend): ✨ add skeleton title

* refactor(frontend): 🚨 prettier
  • Loading branch information
Mats authored and GitHub committed Apr 4, 2024
1 parent 82e34cc commit e36dc4c
Showing 1 changed file with 20 additions and 0 deletions.
20 changes: 20 additions & 0 deletions frontend/src/app/projects/loading.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import React from "react";

// Assuming the correct import path for the Skeleton component
import { Skeleton } from "@/components/ui/skeleton";

export default function Loading() {
// Create an array with the specified number of satellites
const skeletons = Array.from({ length: 21 }, (_, index) => (
<Skeleton key={index} className="flex h-96 w-80 flex-col" />
));

return (
<div className="flex w-full origin-center flex-col justify-center">
<Skeleton className="my-10 h-24 w-1/3 self-center" />
<div className="mx-10 mt-4 flex flex-wrap justify-center gap-4">
{skeletons}
</div>
</div>
);
}

0 comments on commit e36dc4c

Please sign in to comment.