diff options
author | srichman333 <sarah_n_richman@brown.edu> | 2023-07-19 13:39:22 -0400 |
---|---|---|
committer | srichman333 <sarah_n_richman@brown.edu> | 2023-07-19 13:39:22 -0400 |
commit | 984db272dc37fc827291010796f300e8745eddf2 (patch) | |
tree | 8ec56aa04f32a3edd0a2a8413a3d4b09dac7769b /src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx | |
parent | b24babcd89d51e7f6461c57ac16701630c86cf87 (diff) | |
parent | d7a3e39e901054d0308df158cfa578a94f80c467 (diff) |
Merge branch 'master' into collaboration-again
Diffstat (limited to 'src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx')
-rw-r--r-- | src/client/views/newlightbox/components/SkeletonDoc/SkeletonDoc.tsx | 22 |
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 |