feat(platform): Add a new secret and added loader on project screen (#…

…603) Co-authored-by: kriptonian1 <[email protected]> Co-authored-by: rajdip-b <[email protected]>
keyshade-xyz · Jan 11, 2025 · c3a08cc · c3a08cc
1 parent 4b2b675
commit c3a08cc
Show file tree

Hide file tree

Showing 19 changed files with 1,259 additions and 188 deletions.
diff --git a/apps/platform/.eslintrc.cjs b/apps/platform/.eslintrc.cjs
@@ -18,6 +18,7 @@ module.exports = {
     '@typescript-eslint/no-unsafe-assignment': 'off',
     '@typescript-eslint/no-unsafe-call': 'off',
     '@typescript-eslint/no-unsafe-member-access': 'off',
-    '@typescript-eslint/no-unsafe-return': 'off'
+    '@typescript-eslint/no-unsafe-return': 'off',
+    'no-nested-ternary': 'off'
   }
 }
diff --git a/apps/platform/package.json b/apps/platform/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-context-menu": "^2.1.5",

diff --git a/apps/platform/public/svg/shared/index.ts b/apps/platform/public/svg/shared/index.ts
@@ -8,8 +8,9 @@ import ThreeDotOptionSVG from './3dotOption.svg'
 import AddSVG from './add.svg'
 import LoadingSVG from './loading.svg'
 import MessageSVG from './message.svg'
-import VectorSVG from './Vector.svg'
+import VectorSVG from './vector.svg'
 import ErrorSVG from './Error.svg'
+import TrashSVG from './trash.svg'
 
 export {
   DropdownSVG,
@@ -23,5 +24,6 @@ export {
   LoadingSVG,
   MessageSVG,
   VectorSVG,
-  ErrorSVG
+  ErrorSVG,
+  TrashSVG
 }
diff --git a/apps/platform/public/svg/shared/trash.svg b/apps/platform/public/svg/shared/trash.svg
diff --git a/apps/platform/public/svg/shared/Vector.svg → apps/platform/public/svg/shared/vector.svg b/apps/platform/public/svg/shared/Vector.svg → apps/platform/public/svg/shared/vector.svg
diff --git a/apps/platform/src/app/(main)/page.tsx b/apps/platform/src/app/(main)/page.tsx
@@ -39,11 +39,13 @@ import {
 } from '@/components/ui/dialog'
 import ControllerInstance from '@/lib/controller-instance'
 import { Textarea } from '@/components/ui/textarea'
+import ProjectScreenLoader from '@/components/ui/project-screen-loader'
 
 export default function Index(): JSX.Element {
   const [isSheetOpen, setIsSheetOpen] = useState<boolean>(false)
   const [isProjectEmpty, setIsProjectEmpty] = useState<boolean>(true)
   const [isDialogOpen, setIsDialogOpen] = useState<boolean>(false)
+  const [loading, setLoading] = useState<boolean>(false)
 
   // Projects to be displayed in the dashboard
   const [projects, setProjects] = useState<ProjectWithCount[]>([])
@@ -78,6 +80,8 @@ export default function Index(): JSX.Element {
   // under that workspace and display it in the dashboard.
   useEffect(() => {
     async function getAllProjects() {
+      setLoading(true)
+
       if (currentWorkspace) {
         const { success, error, data } =
           await ControllerInstance.getInstance().projectController.getAllProjects(
@@ -92,6 +96,8 @@ export default function Index(): JSX.Element {
           console.error(error)
         }
       }
+
+      setLoading(false)
     }
 
     getAllProjects()
@@ -326,7 +332,9 @@ export default function Index(): JSX.Element {
         </Dialog>
       </div>
 
-      {!isProjectEmpty ? (
+      {loading ? (
+        <ProjectScreenLoader />
+      ) : !isProjectEmpty ? (
         <div className="grid grid-cols-1 gap-5 overflow-y-scroll scroll-smooth p-2 md:grid-cols-2 xl:grid-cols-3">
           {projects.map((project: GetAllProjectsResponse['items'][number]) => {
             return (