PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.5
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.5
4.9.5 4.9.4 4.9.3 4.9.2 4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 All 203 releases
betterdocs / react-src / admin / ai-chatbot / loaders / GridLoader.js

GridLoader.js in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/admin/ai-chatbot/loaders/GridLoader.js

101 lines 12.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 import Skeleton from 'react-loading-skeleton'
2 import 'react-loading-skeleton/dist/skeleton.css'
3
4 const GridLoader = () => {
5 return <div className='grid-loader-wrapper'>
6 <div className='grid-loader'>
7 <Skeleton count={1} height={'60px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child first-child'/>
8 <div className='grid-loader-body'>
9 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
10 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
11 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
12 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
13 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
14 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
15 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
16 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
17 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
18 </div>
19 <Skeleton count={1} height={'60px'} width={'96%'} containerClassName='grid-loader-inner-child' borderRadius={'10px'} className='grid-loader-last-child final-child'/>
20 </div>
21 <div className='grid-loader'>
22 <Skeleton count={1} height={'60px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child first-child'/>
23 <div className='grid-loader-body'>
24 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
25 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
26 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
27 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
28 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
29 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
30 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
31 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
32 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
33 </div>
34 <Skeleton count={1} height={'60px'} width={'96%'} containerClassName='grid-loader-inner-child' borderRadius={'10px'} className='grid-loader-last-child final-child'/>
35 </div>
36 <div className='grid-loader'>
37 <Skeleton count={1} height={'60px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child first-child'/>
38 <div className='grid-loader-body'>
39 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
40 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
41 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
42 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
43 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
44 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
45 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
46 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
47 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
48 </div>
49 <Skeleton count={1} height={'60px'} width={'96%'} containerClassName='grid-loader-inner-child' borderRadius={'10px'} className='grid-loader-last-child final-child'/>
50 </div>
51 <div className='grid-loader'>
52 <Skeleton count={1} height={'60px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child first-child'/>
53 <div className='grid-loader-body'>
54 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
55 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
56 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
57 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
58 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
59 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
60 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
61 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
62 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
63 </div>
64 <Skeleton count={1} height={'60px'} width={'96%'} containerClassName='grid-loader-inner-child' borderRadius={'10px'} className='grid-loader-last-child final-child'/>
65 </div>
66 <div className='grid-loader'>
67 <Skeleton count={1} height={'60px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child first-child'/>
68 <div className='grid-loader-body'>
69 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
70 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
71 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
72 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
73 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
74 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
75 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
76 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
77 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
78 </div>
79 <Skeleton count={1} height={'60px'} width={'96%'} containerClassName='grid-loader-inner-child' borderRadius={'10px'} className='grid-loader-last-child final-child'/>
80 </div>
81 <div className='grid-loader'>
82 <Skeleton count={1} height={'60px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child first-child'/>
83 <div className='grid-loader-body'>
84 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
85 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
86 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
87 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
88 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
89 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
90 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
91 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
92 <Skeleton count={1} height={'25px'} width={'100%'} containerClassName='grid-loader-inner-child' borderRadius={'2px'} className='grid-loader-last-child' />
93 </div>
94 <Skeleton count={1} height={'60px'} width={'96%'} containerClassName='grid-loader-inner-child' borderRadius={'10x'} className='grid-loader-last-child final-child'/>
95 </div>
96 </div>
97
98 }
99
100 export default GridLoader;
101