11import { useEffect , useState , JSX } from 'react' ;
22import { useNavigate } from 'react-router' ;
33
4- import { Delete , ErrorOutline , FileUpload , KeyboardArrowDown , Lock } from '@mui/icons-material' ;
4+ import { Delete , ErrorOutlined , FileUpload , KeyboardArrowDown , Lock } from '@mui/icons-material' ;
55import { useProjects } from '../data-providers/ProjectDataProvider' ;
66import { useSearch } from '../data-providers/SearchProvider' ;
77import { type Project } from '../models/ProjectsResponse' ;
@@ -55,7 +55,7 @@ export default function Home(): JSX.Element {
5555 < div className = { styles . home } >
5656 < Header />
5757 < div className = { styles [ 'loading-error' ] } >
58- < ErrorOutline color = "error" />
58+ < ErrorOutlined color = "error" />
5959 < div > Failed to load projects</ div >
6060 </ div >
6161 < Footer />
@@ -147,7 +147,7 @@ export default function Home(): JSX.Element {
147147 />
148148 :
149149 < >
150- < Typography sx = { { marginLeft : '24px' , marginBottom : 1.5 } } fontWeight = { 300 } fontSize = { 20 } > FAVOURITES</ Typography >
150+ < Typography sx = { { marginLeft : '24px' , marginBottom : 1.5 , fontSize : 20 , fontWeight : 300 } } > FAVOURITES</ Typography >
151151 { ( favoriteProjects . length === 0 ) ?
152152 < Box sx = { { marginLeft : '24px' } } >
153153 No docs favourited at the moment, search for docs or
@@ -168,7 +168,7 @@ export default function Home(): JSX.Element {
168168 opacity : 0.8 ,
169169 } , } } >
170170 < Link to = { '' } onClick = { ( ) => onShowFavourites ( true ) } >
171- < Typography fontWeight = { '300 ' } fontSize = { '1.1em' } component = { 'span' } > SHOW ALL DOCS </ Typography >
171+ < Typography component = { 'span ' } sx = { { fontSize : '1.1em' , fontWeight : 300 } } > SHOW ALL DOCS </ Typography >
172172 < KeyboardArrowDown sx = { { marginBottom : - 0.6 , marginLeft : 1 } } />
173173 </ Link >
174174 </ Box >
@@ -191,21 +191,21 @@ export default function Home(): JSX.Element {
191191 marginTop : 15 ,
192192 width : '400px'
193193 } } >
194- < Typography sx = { { display : 'inline-block' } } fontWeight = { 300 } fontSize = { '1.1em' } component = { 'span' } > INSTANCE STATS</ Typography >
194+ < Typography component = { 'span' } sx = { { display : 'inline-block' , fontSize : '1.1em' , fontWeight : 300 } } > INSTANCE STATS</ Typography >
195195 < Box />
196196
197- < Typography fontSize = { '1em ' } fontWeight = { 200 } sx = { { opacity : 0.8 } } component = { 'span' } > # </ Typography >
198- < Typography sx = { { width : 100 , display : 'inline-block' , marginTop : 1 } } fontWeight = { 300 } fontSize = { '1em' } component = { 'span' } > DOCS </ Typography >
199- < Typography fontSize = { '1em ' } fontWeight = { 200 } sx = { { opacity : 0.8 } } component = { 'span' } > { stats . n_projects } </ Typography >
197+ < Typography component = { 'span ' } sx = { { opacity : 0.8 , fontSize : '1em' , fontWeight : 200 } } > # </ Typography >
198+ < Typography component = { 'span' } sx = { { width : 100 , display : 'inline-block' , marginTop : 1 , fontSize : '1em' , fontWeight : 300 } } > DOCS </ Typography >
199+ < Typography component = { 'span ' } sx = { { opacity : 0.8 , fontSize : '1em' , fontWeight : 200 } } > { stats . n_projects } </ Typography >
200200
201201 < Box />
202- < Typography fontSize = { '1em ' } fontWeight = { 200 } sx = { { opacity : 0.8 } } component = { 'span' } > # </ Typography >
203- < Typography sx = { { width : 100 , display : 'inline-block' , marginTop : 0.4 } } fontWeight = { 300 } fontSize = { '1em' } component = { 'span' } > VERSIONS </ Typography >
204- < Typography fontSize = { '1em ' } fontWeight = { 200 } sx = { { opacity : 0.8 } } component = { 'span' } > { stats . n_versions } </ Typography >
202+ < Typography component = { 'span ' } sx = { { opacity : 0.8 , fontSize : '1em' , fontWeight : 200 } } > # </ Typography >
203+ < Typography component = { 'span' } sx = { { width : 100 , display : 'inline-block' , marginTop : 0.4 , fontSize : '1em' , fontWeight : 300 } } > VERSIONS </ Typography >
204+ < Typography component = { 'span ' } sx = { { opacity : 0.8 , fontSize : '1em' , fontWeight : 200 } } > { stats . n_versions } </ Typography >
205205
206206 < Box />
207- < Typography sx = { { width : 115 , display : 'inline-block' , marginTop : 0.4 } } fontWeight = { 300 } fontSize = { '1em' } component = { 'span' } > STORAGE </ Typography >
208- < Typography fontSize = { '1em ' } fontWeight = { 200 } sx = { { opacity : 0.8 } } component = { 'span' } > { stats . storage } </ Typography >
207+ < Typography component = { 'span' } sx = { { width : 115 , display : 'inline-block' , marginTop : 0.4 , fontSize : '1em' , fontWeight : 300 } } > STORAGE </ Typography >
208+ < Typography component = { 'span ' } sx = { { opacity : 0.8 , fontSize : '1em' , fontWeight : 200 } } > { stats . storage } </ Typography >
209209 </ Box >
210210 </ div >
211211 < Footer />
0 commit comments