init

2026-06-16 01:32:43 +03:30
commit 69bbd28bb0
298 changed files with 24728 additions and 0 deletions
@@ -0,0 +1,36 @@
+import { FunctionComponent } from 'react';
+import { CircularProgress, CircularProgressProps, LinearProgress, Stack, StackProps } from '@mui/material';
+import { APP_LOADING_COLOR, APP_LOADING_SIZE, APP_LOADING_TYPE } from '@/components/config';
+
+interface Props extends StackProps {
+  color?: CircularProgressProps['color'];
+  size?: number | string;
+  type?: 'circular' | 'linear';
+  value?: number;
+}
+
+/**
+ * Renders MI circular progress centered inside Stack
+ * @component AppLoading
+ * @prop {string} [size] - size of the progress component. Numbers means pixels, string can be '2.5rem'
+ */
+const AppLoading: FunctionComponent<Props> = ({
+  color = APP_LOADING_COLOR,
+  size = APP_LOADING_SIZE,
+  type = APP_LOADING_TYPE,
+  value,
+  ...restOfProps
+}) => {
+  const alignItems = type === 'linear' ? undefined : 'center';
+  return (
+    <Stack my={2} alignItems={alignItems} {...restOfProps}>
+      {type === 'linear' ? (
+        <LinearProgress color={color} value={value} />
+      ) : (
+        <CircularProgress color={color} size={size} value={value} />
+      )}
+    </Stack>
+  );
+};
+
+export default AppLoading;