aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx
diff options
context:
space:
mode:
authorJames Hu <51237606+jameshu111@users.noreply.github.com>2023-07-26 12:15:46 -0400
committerJames Hu <51237606+jameshu111@users.noreply.github.com>2023-07-26 12:15:46 -0400
commit4a8cf5ee3fd6f01ff2d28ccc0a456e9782bd261b (patch)
treea1a4ac7200a38f55227fff941d8d7246cb85eebf /src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx
parent7c1017f15b9c0ad09d3e0185e310733ab7c10c09 (diff)
parentc87024c06941920f1df689d54d82cc309891e3d2 (diff)
Merge branch 'master' into james-azure-image
Diffstat (limited to 'src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx')
-rw-r--r--src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx b/src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx
new file mode 100644
index 000000000..50cee893f
--- /dev/null
+++ b/src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx
@@ -0,0 +1,22 @@
+import './SkeletonDoc.scss';
+import { ISkeletonDoc } from "./utils";
+import * as React from 'react';
+
+export const SkeletonDoc = (props: ISkeletonDoc) => {
+ const { type, data } = props
+
+ return <div className={`skeletonDoc-container`}>
+ <div className={`header`}>
+ <div className={`title`}></div>
+ <div className={`type`}></div>
+ <div className={`tags`}></div>
+ <div className={`buttons-container`}>
+ <div className={`button`}></div>
+ <div className={`button`}></div>
+ </div>
+ </div>
+ <div className={`content`}>
+ {data}
+ </div>
+ </div>
+} \ No newline at end of file