1
- < < << << < HEAD
1
+
2
2
import React , { ReactNode , useState , useContext } from 'react' ;
3
3
4
4
import { useTheme } from '@material-ui/core/styles' ;
5
- = === ===
6
- import React , { ReactNode , useState } from 'react' ;
7
5
8
6
import { makeStyles , Theme } from '@material-ui/core/styles' ;
9
- > >>> >>> 7 bbdd47fbd43f0c8ab841bf8583ed10c22aa89f7
10
7
import AppBar from '@material-ui/core/AppBar' ;
11
8
import Tabs from '@material-ui/core/Tabs' ;
12
9
import Tab from '@material-ui/core/Tab' ;
13
10
import Typography from '@material-ui/core/Typography' ;
14
11
import Box from '@material-ui/core/Box' ;
15
- < < << << < HEAD
16
12
import { styleContext } from '../../containers/AppContainer' ;
17
- = === ===
18
-
19
- >>> >>> > 7 bbdd47fbd43f0c8ab841bf8583ed10c22aa89f7
20
13
import StatePropsPanel from './StatePropsPanel' ;
21
14
import ComponentPanel from './ComponentPanel' ;
22
15
@@ -27,10 +20,7 @@ interface TabPanelProps {
27
20
}
28
21
29
22
const TabPanelItem = ( props : TabPanelProps ) => {
30
- < < << << < HEAD
31
23
const theme = useTheme ( ) ;
32
- = === ===
33
- >>> >>> > 7 bbdd47fbd43f0c8ab841bf8583ed10c22aa89f7
34
24
const { children, index, value, ...other } = props ;
35
25
return (
36
26
< div
@@ -73,17 +63,6 @@ const LinkTab = (props: LinkTabProps) => {
73
63
) ;
74
64
} ;
75
65
76
- < < << << < HEAD
77
- // const useStyles = makeStyles((theme: Theme) => ({
78
- // root: {
79
- // flexGrow: 1,
80
- // }
81
- // }));
82
-
83
- const TabPanel = ( ) => {
84
- const theme = useTheme ( ) ;
85
- // const classes = useStyles();
86
- = === ===
87
66
const useStyles = makeStyles ( ( theme : Theme ) => ( {
88
67
root : {
89
68
flexGrow : 1 ,
@@ -93,22 +72,14 @@ const useStyles = makeStyles((theme: Theme) => ({
93
72
94
73
const TabPanel = ( ) => {
95
74
const classes = useStyles ( ) ;
96
- > >>> >>> 7 bbdd47fbd43f0c8ab841bf8583ed10c22aa89f7
97
75
const [ value , setValue ] = useState ( 0 ) ;
98
76
99
77
const handleChange = ( event : React . ChangeEvent < { } > , newValue : number ) => {
100
78
setValue ( newValue ) ;
101
79
} ;
102
80
103
- < < << << < HEAD
104
- console . log ( "Theme: " , theme ) ;
105
-
106
- return (
107
- < div >
108
- =======
109
81
return (
110
82
< div className = { classes . root } >
111
- >>> >>> > 7 bbdd47fbd43f0c8ab841bf8583ed10c22aa89f7
112
83
< AppBar position = "static" >
113
84
< Tabs
114
85
variant = "fullWidth"
0 commit comments