Merge branch 'main' of github.com:devvsakib/DevToolsArena into development

Author: devvsakib

.github/workflows/greetings.yml

@@ -9,7 +9,7 @@ jobs:
       issues: write
       pull-requests: write
     steps:
-      - uses: actions/first-interaction@v1
+      - uses: actions/first-interaction@v3
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
           issue-message: "Congratulations, ${{ github.actor }}! 🎉 Thank you for creating your first issue in GES. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!"

src/data/error.json

@@ -323,6 +323,12 @@
       "title": "Git nothing to commit",
       "description": "The Git command line informs us that our local repository contains one more commit than our remote repository.",
       "solutions": "git push"
+    },
+     {
+      "type": "branch",
+      "title": "the branch [BRANCHNAME] is not fully merged",
+      "description": "The error message you're encountering indicates that Git is preventing you from deleting the [BRANCHNAME] branch because it is not fully merged into your current branch or any other branch that you've specified. Git is trying to prevent you from accidentally losing work that hasn't been merged yet.",
+      "solutions": "git branch -D [BRANCHNAME, multiple branchname can be use by using space]"
     }
   ]
-}
+}

src/index.css

@@ -23,7 +23,8 @@ body {
   width: 100%;
   height: 100%;
   /* Add your background pattern here */
-  background-color: #313131;
+  /* background-color: #313131; */
+  background-color: #d1cbf4;
   background-image: radial-gradient(rgba(255, 255, 255, 0.05) 2px, transparent 0);
   background-size: 30px 30px;
   background-position: -5px -5px

src/pages/Doc/index.jsx

@@ -28,26 +28,29 @@ const DocList = () => {
         };
 
         fetchDocs();
-    }, []);
+    }, []); 
 
 
 
-    if (loading) return <div className="flex justify-center items-center h-screen"><Spin size="large" /></div>;
     if (error) return <Alert message="Error" description={error} type="error" />;
 
     return (
         <Layout>
             <div className="container mx-auto p-4 min-h-screen">
                 <MainTitle highlight={'Documentation'} />
-                <ul className='grid gap-5 mx-auto md:max-w-2xl'>
+                {loading ? (
+                    <div className='grid place-content-center mx-auto md:max-w-2xl aspect-video'>
+                        <Spin size="large" />
+                    </div>
+                ) : (<ul className='grid gap-5 mx-auto md:max-w-2xl'>
                     {
                         docs.map(item =>
-                            <Link to={item.title} className='capitalize group flex items-center justify-between bg-white/10 p-5 rounded-md'>{item.title.replace(/_/g, ' ')}
+                            <Link key={item.title} to={item.title} className='capitalize group flex items-center justify-between bg-white/10 p-5 rounded-md'>{item.title.replace(/_/g, ' ')}
                                 <FaArrowRight className="dark:text-white opacity-0 group-hover:opacity-100 -translate-x-10 group-hover:translate-x-0 transition duration-300" />
                             </Link>
                         )
                     }
-                </ul>
+                </ul>)}
             </div>
         </Layout>
     );