ISS-55 (#835)

* initial

Signed-off-by: Bruno Kucevic <[email protected]>

* table skeleton

Signed-off-by: Bruno Kucevic <[email protected]>

* object w slideout skeleton and programs page skeleton

Signed-off-by: Bruno Kucevic <[email protected]>

* evidence skeleton and data table no results response

Signed-off-by: Bruno Kucevic <[email protected]>

* control-report-skeleton

Signed-off-by: Bruno Kucevic <[email protected]>

* more skeletons

Signed-off-by: Bruno Kucevic <[email protected]>

* skeleton fixes

Signed-off-by: Bruno Kucevic <[email protected]>

* breadcrumb fix

Signed-off-by: Bruno Kucevic <[email protected]>

---------

Signed-off-by: Bruno Kucevic <[email protected]>

Author: BrunoKucevic

apps/console/src/app/(protected)/control-report/loading.tsx

@@ -1,8 +1,8 @@
-import { Loading } from '@/components/shared/loading/loading'
+import { ControlReportPageSkeleton } from '@/components/pages/protected/control-report/skeleton/control-report-page-skeleton'
 import React from 'react'
 
 const Loader: React.FC = () => {
-  return <Loading />
+  return <ControlReportPageSkeleton />
 }
 
 export default Loader

apps/console/src/app/(protected)/controls/[id]/loading.tsx

@@ -1,8 +1,8 @@
-import { Loading } from '@/components/shared/loading/loading'
+import { ObjectWithDetailsSkeleton } from '@/components/shared/skeleton/object-with-slideout-skeleton'
 import React from 'react'
 
 const Loader: React.FC = () => {
-  return <Loading />
+  return <ObjectWithDetailsSkeleton />
 }
 
 export default Loader

apps/console/src/app/(protected)/controls/[id]/page.tsx

@@ -42,6 +42,7 @@ import { useOrganization } from '@/hooks/useOrganization'
 import ObjectAssociationSwitch from '@/components/shared/object-association/object-association-switch.tsx'
 import { ObjectAssociationNodeEnum } from '@/components/shared/object-association/types/object-association-types.ts'
 import { AccessEnum } from '@/lib/authz/enums/access-enum.ts'
+import Loading from './loading.tsx'
 
 interface FormValues {
   refCode: string
@@ -220,7 +221,9 @@ const ControlDetailsPage: React.FC = () => {
     }
   }, [data?.control, form])
 
-  if (isLoading) return <div className="p-4 text-muted-foreground">Loading...</div>
+  if (isLoading) {
+    return <Loading />
+  }
   if (isError || !data?.control) return <div className="p-4 text-red-500">Control not found</div>
   const control = data?.control
   const hasInfoData = control.implementationGuidance || control.exampleEvidence || control.controlQuestions || control.assessmentMethods || control.assessmentObjectives

apps/console/src/app/(protected)/dashboard/loading.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import DashboardSkeleton from '@/app/(protected)/dashboard/dashboard-skeleton.tsx'
+import DashboardSkeleton from '@/components/pages/protected/dashboard/skeleton/dashboard-skeleton'
 
 const Loader: React.FC = () => {
   return <DashboardSkeleton />

apps/console/src/app/(protected)/evidence/loading.tsx

@@ -1,8 +1,8 @@
-import { Loading } from '@/components/shared/loading/loading'
+import { EvidenceSkeleton } from '@/components/pages/protected/evidence/skeleton/evidence-skeleton'
 import React from 'react'
 
 const Loader: React.FC = () => {
-  return <Loading />
+  return <EvidenceSkeleton />
 }
 
 export default Loader

apps/console/src/app/(protected)/policies/[id]/view/loading.tsx

@@ -0,0 +1,8 @@
+import { ObjectWithDetailsSkeleton } from '@/components/shared/skeleton/object-with-slideout-skeleton'
+import React from 'react'
+
+const Loader: React.FC = () => {
+  return <ObjectWithDetailsSkeleton />
+}
+
+export default Loader

apps/console/src/app/(protected)/policies/loading.tsx

@@ -1,8 +1,7 @@
-import { Loading } from '@/components/shared/loading/loading'
 import React from 'react'
 
 const Loader: React.FC = () => {
-  return <Loading />
+  return <></>
 }
 
 export default Loader

apps/console/src/app/(protected)/procedures/[id]/view/loading.tsx

@@ -0,0 +1,8 @@
+import { ObjectWithDetailsSkeleton } from '@/components/shared/skeleton/object-with-slideout-skeleton'
+import React from 'react'
+
+const Loader: React.FC = () => {
+  return <ObjectWithDetailsSkeleton />
+}
+
+export default Loader

apps/console/src/app/(protected)/procedures/loading.tsx

@@ -1,8 +1,7 @@
-import { Loading } from '@/components/shared/loading/loading'
 import React from 'react'
 
 const Loader: React.FC = () => {
-  return <Loading />
+  return <></>
 }
 
 export default Loader

apps/console/src/app/(protected)/programs/loading.tsx

@@ -1,8 +1,8 @@
-import { Loading } from '@/components/shared/loading/loading'
+import { ProgramsPageSkeleton } from '@/components/pages/protected/program/skeleton/programs-page-skeleton'
 import React from 'react'
 
 const Loader: React.FC = () => {
-  return <Loading />
+  return <ProgramsPageSkeleton />
 }
 
 export default Loader