Merge pull request #16 from dcSpark/nico/add_deployed_badge_and_loading

feat: adds deployed badge and loading
dcSpark · Dec 22, 2024 · ecbb382 · ecbb382
2 parents d7483d4 + 5a76555
commit ecbb382
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 # Shinkai Tools 🛠️
 
+[![Deployed Site](https://img.shields.io/badge/Deployed-Site-brightgreen)](https://packages.shinkai.com)
+
 A collection of official tools for Shinkai, providing various functionalities from basic examples to advanced search capabilities.
 
 ## Overview

diff --git a/registry/src/components/PackageList.js b/registry/src/components/PackageList.js
@@ -17,16 +17,21 @@ import {
 
 function PackageList({ searchQuery }) {
   const [packageData, setPackageData] = useState([]);
+  const [loading, setLoading] = useState(true);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [snackbarOpen, setSnackbarOpen] = useState(false);
 
   useEffect(() => {
     fetch('https://packages.shinkai.com/tools/directory.json')
       .then(response => response.json())
-      .then(data => setPackageData(data))
+      .then(data => {
+        setPackageData(data);
+        setLoading(false);
+      })
       .catch(error => {
         console.error('Error fetching package data:', error);
         setPackageData([]);
+        setLoading(false);
       });
   }, []);
 
@@ -88,7 +93,11 @@ function PackageList({ searchQuery }) {
     <>
       <Container maxWidth="lg">
         <Stack spacing={3}>
-          {filteredPackages.length === 0 ? (
+          {loading ? (
+            <Typography variant="h6" color="text.secondary">
+              Loading packages...
+            </Typography>
+          ) : filteredPackages.length === 0 ? (
             <Alert 
               severity="info"
               sx={{