import React from 'react' ; import { makeStyles } from '@material-ui/core/styles' ; import { Button , Divider , Grid , IconButton , Theme } from "@material-ui/core" ; import { useActions , useAppState } from '../../../Overmind/OvermindHelper' ; import SvgHelper from '../../../Helpers/SvgHelper' ; import { OurIcons } from '../../../Others/OurIcons' ; interface Props { } const getThemeObj = ( theme ) => { return { iconButton : { padding : 8 } } ; } ; const useStyles = makeStyles ( ( theme ) => ( getThemeObj ( theme ) ) ) ; const TopRightButtons = ( props ) => { const { setPrimaryColor , showColorPickerDialog } = useActions ( ) ; const { } = useAppState ( ) ; const classes = useStyles ( ) ; return < Grid container direction = 'row' justify = 'flex-end' item xs = { 4 } > { } < IconButton size = 'small' target = "_blank" href = 'https://github.com/p32929/p32929.github.io/' > < SvgHelper styles = { { padding : 8 } } path = { OurIcons . fork } size = { 20 } / > < /IconButton> < IconButton size = 'small' onClick = { ( ) => { showColorPickerDialog ( true ) ; } } > < SvgHelper styles = { { padding : 8 } } path = { OurIcons . palette } size = { 20 } / > < /IconButton> < /Grid>; } ; export default TopRightButtons ;