File tree 5 files changed +1093
-175
lines changed
app/components/Detail/components/Section/components/AtlasSection
5 files changed +1093
-175
lines changed Original file line number Diff line number Diff line change 1
1
import { SectionTitle } from "@databiosphere/findable-ui/lib/components/common/Section/components/SectionTitle/sectionTitle" ;
2
2
import { TEXT_BODY_400 } from "@databiosphere/findable-ui/lib/theme/common/typography" ;
3
- import { Grid2 , Typography } from "@mui/material" ;
3
+ import { Grid , Typography } from "@mui/material" ;
4
4
import { NetworkIcon } from "../../../../../common/NetworkIcon/networkIcon" ;
5
5
import { StyledSection } from "./atlasSection.styles" ;
6
6
import { GRID_PROPS } from "./constants" ;
@@ -13,21 +13,21 @@ interface AtlasProps {
13
13
export const AtlasSection = ( { atlases } : AtlasProps ) : JSX . Element => {
14
14
return (
15
15
< StyledSection >
16
- < Grid2 { ...GRID_PROPS . COLUMN } spacing = { 4 } >
16
+ < Grid { ...GRID_PROPS . COLUMN } spacing = { 4 } >
17
17
< SectionTitle title = "Atlas" />
18
- < Grid2 { ...GRID_PROPS . COLUMN } spacing = { 2 } >
18
+ < Grid { ...GRID_PROPS . COLUMN } spacing = { 2 } >
19
19
{ atlases . length > 0 ? (
20
20
atlases . map ( ( { atlasName, networkKey } , i ) => (
21
- < Grid2 key = { i } alignItems = "center" container spacing = { 2 } >
21
+ < Grid key = { i } alignItems = "center" container spacing = { 2 } >
22
22
< NetworkIcon networkKey = { networkKey } />
23
23
< Typography variant = { TEXT_BODY_400 } > { atlasName } </ Typography >
24
- </ Grid2 >
24
+ </ Grid >
25
25
) )
26
26
) : (
27
27
< Typography variant = { TEXT_BODY_400 } > None</ Typography >
28
28
) }
29
- </ Grid2 >
30
- </ Grid2 >
29
+ </ Grid >
30
+ </ Grid >
31
31
</ StyledSection >
32
32
) ;
33
33
} ;
Original file line number Diff line number Diff line change 1
- import { Grid2Props } from "@mui/material" ;
1
+ import { GridProps } from "@mui/material" ;
2
2
3
3
export const GRID_PROPS : Record <
4
4
string ,
5
- Partial < Omit < Grid2Props , "component" > >
5
+ Partial < Omit < GridProps , "component" > >
6
6
> = {
7
7
COLUMN : { container : true , direction : "column" } ,
8
8
} ;
You can’t perform that action at this time.
0 commit comments