first commit

common/resources/client/ui/progress/full-page-loader.tsx

@@ -0,0 +1,21 @@
+import {ProgressCircle} from './progress-circle';
+import React from 'react';
+import clsx from 'clsx';
+
+interface FullPageLoaderProps {
+  className?: string;
+  screen?: boolean;
+}
+export function FullPageLoader({className, screen}: FullPageLoaderProps) {
+  return (
+    <div
+      className={clsx(
+        'flex items-center justify-center flex-auto',
+        screen ? 'h-screen w-screen' : 'h-full w-full',
+        className
+      )}
+    >
+      <ProgressCircle isIndeterminate aria-label="Loading page..." />
+    </div>
+  );
+}