ORGANISATION-KA-INTERNATIONALE/pawol.nu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use codemod preset-safe

Browse Source
This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-01-19 07:06:26 +04:00
parent 33e2d5dfda
commit 172852c087
35 changed files with 245 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/alet.js
+1 -1
View File
@@ -6,7 +6,7 @@ import {
DialogContent, DialogContent,
DialogTitle, DialogTitle,
DialogActions DialogActions
} from '@material-ui/core' } from '@mui/material'
export default function Alet({esOuve, meteEsOuve, handleKonfime}) { export default function Alet({esOuve, meteEsOuve, handleKonfime}) {
const handleFemen = () => { const handleFemen = () => {
components/awtis/awtis-biyografi.js
+1 -1
View File
@@ -10,7 +10,7 @@ import {
DialogContent, DialogContent,
DialogContentText, DialogContentText,
DialogTitle DialogTitle
} from '@material-ui/core' } from '@mui/material'
import MizikBadjMeni from './mizik-badj-meni' import MizikBadjMeni from './mizik-badj-meni'
components/awtis/awtis-kat.js
+53 -54
View File
@@ -12,10 +12,10 @@ import {
Collapse, Collapse,
IconButton, IconButton,
Typography Typography
} from '@material-ui/core' } from '@mui/material'
import ExpandMoreIcon from '@material-ui/icons/ExpandMore' import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import MizikLis from './mizik-lis' import MizikLis from './mizik-lis'
import AwtisBiyografi from './awtis-biyografi' import AwtisBiyografi from './awtis-biyografi'
@@ -73,58 +73,57 @@ export default function AwtisKat({anAwtis}) {
} }
return ( return (
( <Root>
<Root> <Grid item xs={12} sm={6} lg={4}>
<Grid item xs={12} sm={6} lg={4}> <Card className={classes.root}>
<Card className={classes.root}> <CardActionArea onClick={handleClick}>
<CardActionArea onClick={handleClick}> <CardMedia
<CardMedia className={classes.media}
className={classes.media} component='img'
component='img' alt={alias}
alt={alias} image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : noImageUrl}`}
image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : noImageUrl}`} title={alias}
title={alias} />
/> <CardContent>
<CardContent> <Typography gutterBottom align='center' variant='h5' component='h2'>
<Typography gutterBottom align='center' variant='h5' component='h2'> {alias}
{alias} </Typography>
</Typography> <Typography align='center' variant='body2' color='textSecondary' component='h5'>
<Typography align='center' variant='body2' color='textSecondary' component='h5'> {anAwtis.teks.length} tèks
{anAwtis.teks.length} tèks </Typography>
</Typography> </CardContent>
</CardContent> </CardActionArea>
</CardActionArea>
<CardActions disableSpacing> <CardActions disableSpacing>
<IconButton <IconButton
className={clsx(classes.expand, { className={clsx(classes.expand, {
[classes.expandOpen]: expanded [classes.expandOpen]: expanded
})} })}
aria-expanded={expanded} aria-expanded={expanded}
aria-label='show more' aria-label='show more'
onClick={handleExpandClick} size='large'
> onClick={handleExpandClick}
<ExpandMoreIcon /> >
</IconButton> <ExpandMoreIcon />
</CardActions> </IconButton>
<Collapse unmountOnExit in={expanded} timeout='auto'> </CardActions>
<CardContent> <Collapse unmountOnExit in={expanded} timeout='auto'>
<MizikLis teks={teks} /> <CardContent>
</CardContent> <MizikLis teks={teks} />
</Collapse> </CardContent>
</Card> </Collapse>
</Grid> </Card>
{esByografiOuve && ( </Grid>
<AwtisBiyografi {esByografiOuve && (
alias={alias} <AwtisBiyografi
teks={teks} alias={alias}
biyografi={biyografi} teks={teks}
esByografiOuve={esByografiOuve} biyografi={biyografi}
meteEsByografiOuve={meteEsByografiOuve} esByografiOuve={esByografiOuve}
/> meteEsByografiOuve={meteEsByografiOuve}
)} />
</Root> )}
) </Root>
) )
} }
components/awtis/mizik-badj-meni.js
+3 -3
View File
@@ -11,10 +11,10 @@ import {
Paper, Paper,
Popper, Popper,
Badge Badge
} from '@material-ui/core' } from '@mui/material'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import MenuBookIcon from '@material-ui/icons/MenuBook' import MenuBookIcon from '@mui/icons-material/MenuBook'
const PREFIX = 'mizik-badj-meni' const PREFIX = 'mizik-badj-meni'
components/awtis/mizik-lis.js
+5 -5
View File
@@ -1,11 +1,11 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import {List, ListItem, ListItemText} from '@material-ui/core' import {List, ListItem, ListItemText} from '@mui/material'
import FiberNewOutlinedIcon from '@material-ui/icons/FiberNewOutlined' import FiberNewOutlinedIcon from '@mui/icons-material/FiberNewOutlined'
import LibraryMusicIcon from '@material-ui/icons/LibraryMusic' import LibraryMusicIcon from '@mui/icons-material/LibraryMusic'
import ExplicitIcon from '@material-ui/icons/Explicit' import ExplicitIcon from '@mui/icons-material/Explicit'
import {esBrandNew} from '../../lib/date' import {esBrandNew} from '../../lib/date'
components/awtis/pajinasyon.js
+3 -3
View File
@@ -1,8 +1,8 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import Pagination from '@material-ui/lab/Pagination' import Pagination from '@mui/material/Pagination'
import {Grid} from '@material-ui/core' import {Grid} from '@mui/material'
const PREFIX = 'pajinasyon' const PREFIX = 'pajinasyon'
components/cgu/cgu-dialog.js
+1 -1
View File
@@ -1,7 +1,7 @@
import {useRef, useEffect} from 'react' import {useRef, useEffect} from 'react'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography} from '@material-ui/core' import {Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography} from '@mui/material'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import Cgu from '.' import Cgu from '.'
components/cgu/index.js
+2 -2
View File
@@ -1,6 +1,6 @@
import {List, ListItem, ListItemText, Link, Typography, ListItemIcon} from '@material-ui/core' import {List, ListItem, ListItemText, Link, Typography, ListItemIcon} from '@mui/material'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt' import ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt'
const PREFIX = 'index' const PREFIX = 'index'
components/footer.js
+2 -2
View File
@@ -1,6 +1,6 @@
import {useState} from 'react' import {useState} from 'react'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
import {Container, Link, Typography} from '@material-ui/core' import {Container, Link, Typography} from '@mui/material'
import CGUDialog from './cgu/cgu-dialog' import CGUDialog from './cgu/cgu-dialog'
const PREFIX = 'footer' const PREFIX = 'footer'
@@ -19,7 +19,7 @@ const Root = styled('div')((
padding: theme.spacing(3, 2), padding: theme.spacing(3, 2),
marginTop: 'auto', marginTop: 'auto',
backgroundColor: backgroundColor:
theme.palette.type === 'light' ? theme.palette.grey[200] : theme.palette.grey[800] theme.palette.mode === 'light' ? theme.palette.grey[200] : theme.palette.grey[800]
}, },
[`& .${classes.text}`]: { [`& .${classes.text}`]: {
components/kat-kay-la.js
+2 -2
View File
@@ -6,8 +6,8 @@ import {
CardActionArea, CardActionArea,
Typography, Typography,
Grid Grid
} from '@material-ui/core' } from '@mui/material'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
const PREFIX = 'kat-kay-la' const PREFIX = 'kat-kay-la'
components/komante/ekri-komante.js
+2 -2
View File
@@ -8,8 +8,8 @@ import {
Snackbar, Snackbar,
LinearProgress, LinearProgress,
Typography Typography
} from '@material-ui/core' } from '@mui/material'
import MuiAlert from '@material-ui/lab/Alert' import MuiAlert from '@mui/material/Alert'
const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:1337' const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:1337'
components/komante/komante-list.js
+2 -2
View File
@@ -1,14 +1,14 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {format} from 'date-fns' import {format} from 'date-fns'
import {fr} from 'date-fns/locale' import {fr} from 'date-fns/locale'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import { import {
Typography, Typography,
Divider, Divider,
List, List,
ListItemText ListItemText
} from '@material-ui/core' } from '@mui/material'
import {formatJsonString} from '../../lib/utils/format' import {formatJsonString} from '../../lib/utils/format'
components/komante/vwe-komante.js
+71 -66
View File
@@ -13,8 +13,8 @@ import {
Typography, Typography,
Tooltip, Tooltip,
Zoom Zoom
} from '@material-ui/core' } from '@mui/material'
import AddCommentIcon from '@material-ui/icons/AddComment' import AddCommentIcon from '@mui/icons-material/AddComment'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import Koneksyon from '../sesyon/koneksyon' import Koneksyon from '../sesyon/koneksyon'
import KomanteList from './komante-list' import KomanteList from './komante-list'
@@ -70,75 +70,80 @@ export default function VweKomante({komante, teks}) {
}, [esOuve]) }, [esOuve])
return ( return (
( <Root>
<Root> <KomanteTooltip
<KomanteTooltip title='Komantè'
title='Komantè' placement='bottom'
placement='bottom' TransitionComponent={Zoom}
TransitionComponent={Zoom} classes={{
classes={{ tooltip: classes.tooltip
tooltip: classes.tooltip }}
}} >
<IconButton
className={classes.margin}
color='primary'
aria-label='commentaire'
component='span'
size='large'
onClick={handleClick}
> >
<IconButton className={classes.margin} color='primary' aria-label='commentaire' component='span' onClick={handleClick}> <AddCommentIcon />
<AddCommentIcon /> </IconButton>
</IconButton> </KomanteTooltip>
</KomanteTooltip> <Dialog
<Dialog open={esOuve}
open={esOuve} scroll='paper'
scroll='paper' aria-labelledby='scroll-dialog-title'
aria-labelledby='scroll-dialog-title' aria-describedby='scroll-dialog-description'
aria-describedby='scroll-dialog-description' onClose={handleClose}
onClose={handleClose} >
> <DialogTitle align='center' id='scroll-dialog-title'>Kòmantè</DialogTitle>
<DialogTitle align='center' id='scroll-dialog-title'>Kòmantè</DialogTitle> <DialogContent dividers>
<DialogContent dividers> <Typography
<Typography ref={descriptionElementRef}
ref={descriptionElementRef} variant='inherit'
variant='inherit' id='scroll-dialog-description'
id='scroll-dialog-description' tabIndex={-1}
tabIndex={-1} >
> {komante.length > 0 ? (
{komante.length > 0 ? ( <KomanteList komante={komante} />
<KomanteList komante={komante} /> ) : (
) : ( <Typography align='center'>
<Typography align='center'> Aucun
Aucun </Typography>
</Typography>
)}
</Typography>
</DialogContent>
<DialogActions align='center' >
{session && session.user && !esKomenteOuve && (
<Button fullWidth color='primary' onClick={() => meteEsKomanteOuve(true)}>
Ajouter un commentaire
</Button>
)} )}
{!session && !esKoneksyonOuve && ( </Typography>
<Button fullWidth color='primary' onClick={() => meteEsKoneksyonOuve(true)}> </DialogContent>
Se connecter pour commenter <DialogActions align='center' >
</Button> {session && session.user && !esKomenteOuve && (
)} <Button fullWidth color='primary' onClick={() => meteEsKomanteOuve(true)}>
{!session && esKoneksyonOuve && ( Ajouter un commentaire
<Koneksyon chimen={router.asPath} />
)}
</DialogActions>
{!session && esKoneksyonOuve && (
<Button style={{marginBottom: 10}} color='primary' onClick={() => meteEsKoneksyonOuve(false)}>
Annuler
</Button> </Button>
)} )}
{session && session.user && esKomenteOuve && ( {!session && !esKoneksyonOuve && (
<> <Button fullWidth color='primary' onClick={() => meteEsKoneksyonOuve(true)}>
<EkriKomante session={session} teks={teks} meteEsKomanteOuve={meteEsKomanteOuve} /> Se connecter pour commenter
<Button fullWidth style={{marginBottom: 10}} color='primary' onClick={() => meteEsKomanteOuve(false)}> </Button>
Fermer
</Button>
</>
)} )}
</Dialog> {!session && esKoneksyonOuve && (
</Root> <Koneksyon chimen={router.asPath} />
) )}
</DialogActions>
{!session && esKoneksyonOuve && (
<Button style={{marginBottom: 10}} color='primary' onClick={() => meteEsKoneksyonOuve(false)}>
Annuler
</Button>
)}
{session && session.user && esKomenteOuve && (
<>
<EkriKomante session={session} teks={teks} meteEsKomanteOuve={meteEsKomanteOuve} />
<Button fullWidth style={{marginBottom: 10}} color='primary' onClick={() => meteEsKomanteOuve(false)}>
Fermer
</Button>
</>
)}
</Dialog>
</Root>
) )
} }
components/navigasyon.js
+13 -13
View File
@@ -2,16 +2,16 @@ import {useState} from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import AppBar from '@material-ui/core/AppBar' import AppBar from '@mui/material/AppBar'
import Tabs from '@material-ui/core/Tabs' import Tabs from '@mui/material/Tabs'
import Tab from '@material-ui/core/Tab' import Tab from '@mui/material/Tab'
import HomeIcon from '@material-ui/icons/Home' import HomeIcon from '@mui/icons-material/Home'
import MenuBookIcon from '@material-ui/icons/MenuBook' import MenuBookIcon from '@mui/icons-material/MenuBook'
import RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver' import RecordVoiceOverIcon from '@mui/icons-material/RecordVoiceOver'
import PlaylistAddIcon from '@material-ui/icons/PlaylistAdd' import PlaylistAddIcon from '@mui/icons-material/PlaylistAdd'
import Typography from '@material-ui/core/Typography' import Typography from '@mui/material/Typography'
import Box from '@material-ui/core/Box' import Box from '@mui/material/Box'
const PREFIX = 'navigasyon' const PREFIX = 'navigasyon'
@@ -98,12 +98,12 @@ export default function Navigasyon({selectedTab}) {
<Tabs <Tabs
value={selectedTab} value={selectedTab}
variant='fullWidth' variant='fullWidth'
scrollButtons='on' scrollButtons
indicatorColor='primary' indicatorColor='primary'
textColor='primary' textColor='primary'
aria-label='scrollable force tabs example' aria-label='scrollable force tabs example'
onChange={handleChange} onChange={handleChange}
> allowScrollButtonsMobile>
<Tab label='Kay-la' icon={<HomeIcon style={{fontSize: 30}} />} {...a11yProps(0)} /> <Tab label='Kay-la' icon={<HomeIcon style={{fontSize: 30}} />} {...a11yProps(0)} />
<Tab label='Tèks' icon={<MenuBookIcon style={{fontSize: 30}} />} {...a11yProps(1)} /> <Tab label='Tèks' icon={<MenuBookIcon style={{fontSize: 30}} />} {...a11yProps(1)} />
<Tab label='Awtis' icon={<RecordVoiceOverIcon style={{fontSize: 30}} />} {...a11yProps(2)} /> <Tab label='Awtis' icon={<RecordVoiceOverIcon style={{fontSize: 30}} />} {...a11yProps(2)} />
@@ -115,7 +115,7 @@ export default function Navigasyon({selectedTab}) {
<TabPanel value={value} index={2} /> <TabPanel value={value} index={2} />
<TabPanel value={value} index={3} /> <TabPanel value={value} index={3} />
</div> </div>
) );
} }
Navigasyon.propTypes = { Navigasyon.propTypes = {
components/rezo-menu.js
+2 -2
View File
@@ -2,8 +2,8 @@ import {useRef, useState} from 'react'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import {Button, ListItemIcon, ListItemText, Menu, MenuItem} from '@material-ui/core' import {Button, ListItemIcon, ListItemText, Menu, MenuItem} from '@mui/material'
import PublicIcon from '@material-ui/icons/Public' import PublicIcon from '@mui/icons-material/Public'
const PREFIX = 'rezo-menu' const PREFIX = 'rezo-menu'
components/sesyon/dekoneksyon.js
+2 -2
View File
@@ -3,8 +3,8 @@ import {styled} from '@mui/material/styles'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Link from 'next/link' import Link from 'next/link'
import {signOut} from 'next-auth/client' import {signOut} from 'next-auth/client'
import {Tooltip, Fab, Zoom} from '@material-ui/core' import {Tooltip, Fab, Zoom} from '@mui/material'
import ExitToAppIcon from '@material-ui/icons/ExitToApp' import ExitToAppIcon from '@mui/icons-material/ExitToApp'
import Alet from '../alet' import Alet from '../alet'
components/sesyon/koneksyon.js
+4 -3
View File
@@ -15,9 +15,9 @@ import {
LinearProgress, LinearProgress,
Snackbar, Snackbar,
Typography Typography
} from '@material-ui/core' } from '@mui/material'
import {Visibility, VisibilityOff} from '@material-ui/icons' import {Visibility, VisibilityOff} from '@mui/icons-material'
import MuiAlert from '@material-ui/lab/Alert' import MuiAlert from '@mui/material/Alert'
import {Google} from '@icons-pack/react-simple-icons' import {Google} from '@icons-pack/react-simple-icons'
import {validateEmail} from '../../lib/utils/emails' import {validateEmail} from '../../lib/utils/emails'
@@ -141,6 +141,7 @@ function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
<InputAdornment position='end'> <InputAdornment position='end'>
<IconButton <IconButton
aria-label='password visibility' aria-label='password visibility'
size='large'
onClick={handleClickShowPassword} onClick={handleClickShowPassword}
onMouseDown={handleMouseDownPassword} onMouseDown={handleMouseDownPassword}
> >
components/sesyon/login-provider.js
+1 -1
View File
@@ -1,7 +1,7 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Link from 'next/link' import Link from 'next/link'
import {signIn} from 'next-auth/client' import {signIn} from 'next-auth/client'
import {Button} from '@material-ui/core' import {Button} from '@mui/material'
export default function LoginProvider({id, title, icon, callbackUrl}) { export default function LoginProvider({id, title, icon, callbackUrl}) {
const hanleClick = event => { const hanleClick = event => {
components/soumet/ajoute-tradiksyon.js
+1 -1
View File
@@ -1,7 +1,7 @@
import {useState} from 'react' import {useState} from 'react'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {MenuItem, Menu, Button} from '@material-ui/core' import {MenuItem, Menu, Button} from '@mui/material'
import {uniq} from 'lodash' import {uniq} from 'lodash'
const PREFIX = 'AjouteTradiksyon' const PREFIX = 'AjouteTradiksyon'
components/soumet/ekri-teks.js
+4 -3
View File
@@ -18,9 +18,9 @@ import {
TextField, TextField,
Tooltip, Tooltip,
Typography Typography
} from '@material-ui/core' } from '@mui/material'
import MuiAlert from '@material-ui/lab/Alert' import MuiAlert from '@mui/material/Alert'
import CloseIcon from '@material-ui/icons/Close' import CloseIcon from '@mui/icons-material/Close'
import AjouteTradiksyon from './ajoute-tradiksyon' import AjouteTradiksyon from './ajoute-tradiksyon'
@@ -244,6 +244,7 @@ function EkriTeks({session}) {
style={{bottom: 75}} style={{bottom: 75}}
aria-label='remove-tradiksyon' aria-label='remove-tradiksyon'
edge='end' edge='end'
size='large'
onClick={() => handleRemoveTradiksyon(k)} onClick={() => handleRemoveTradiksyon(k)}
> >
<CloseIcon /> <CloseIcon />
components/switch-theme.js
+3 -3
View File
@@ -1,8 +1,8 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
import WbSunnyIcon from '@material-ui/icons/WbSunny' import WbSunnyIcon from '@mui/icons-material/WbSunny'
import Brightness3Icon from '@material-ui/icons/Brightness3' import Brightness3Icon from '@mui/icons-material/Brightness3'
import {Box} from '@material-ui/core' import {Box} from '@mui/material'
const PREFIX = 'switch-theme' const PREFIX = 'switch-theme'
components/teks/denye-teks.js
+1 -1
View File
@@ -1,4 +1,4 @@
import {Container, Grid} from '@material-ui/core' import {Container, Grid} from '@mui/material'
import {styled} from '@mui/material/styles' import {styled} from '@mui/material/styles'
components/teks/drawer-bar.js
+2 -2
View File
@@ -9,9 +9,9 @@ import {
FormControl, FormControl,
InputAdornment, InputAdornment,
InputBase InputBase
} from '@material-ui/core' } from '@mui/material'
import SearchIcon from '@material-ui/icons/Search' import SearchIcon from '@mui/icons-material/Search'
import MizikLis from '../awtis/mizik-lis' import MizikLis from '../awtis/mizik-lis'
components/teks/entegre-mizik.js
+7 -2
View File
@@ -1,4 +1,4 @@
import {Box, IconButton, Typography} from '@material-ui/core' import {Box, IconButton, Typography} from '@mui/material'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
@@ -126,7 +126,12 @@ function EntegreMizik({anTeks, isMobile}) {
</Typography> </Typography>
{!okiMizikID && filteredKouteyAchtey.map(({_id, boutik, url}) => ( {!okiMizikID && filteredKouteyAchtey.map(({_id, boutik, url}) => (
<IconButton key={_id} aria-label='player' onClick={() => handleClick(boutik, url)}> <IconButton
key={_id}
aria-label='player'
size='large'
onClick={() => handleClick(boutik, url)}
>
{kouteyAchteyIcons[boutik]} {kouteyAchteyIcons[boutik]}
</IconButton> </IconButton>
))} ))}
components/teks/oki-mizik.js
+1 -1
View File
@@ -1,4 +1,4 @@
import {Typography, Link, Box} from '@material-ui/core' import {Typography, Link, Box} from '@mui/material'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
const MIZIK_URL = process.env.NEXT_PUBLIC_OKI_MIZIK_URL || 'https://funkwhale-server.com' const MIZIK_URL = process.env.NEXT_PUBLIC_OKI_MIZIK_URL || 'https://funkwhale-server.com'
components/teks/pataje.js
+8 -8
View File
@@ -1,14 +1,14 @@
import {useState} from 'react' import {useState} from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import SpeedDial from '@material-ui/lab/SpeedDial' import SpeedDial from '@mui/material/SpeedDial'
import SpeedDialIcon from '@material-ui/lab/SpeedDialIcon' import SpeedDialIcon from '@mui/material/SpeedDialIcon'
import SpeedDialAction from '@material-ui/lab/SpeedDialAction' import SpeedDialAction from '@mui/material/SpeedDialAction'
import FileCopyIcon from '@material-ui/icons/FileCopyOutlined' import FileCopyIcon from '@mui/icons-material/FileCopyOutlined'
import ShareIcon from '@material-ui/icons/Share' import ShareIcon from '@mui/icons-material/Share'
import TwitterIcon from '@material-ui/icons/Twitter' import TwitterIcon from '@mui/icons-material/Twitter'
import {Backdrop} from '@material-ui/core' import {Backdrop} from '@mui/material'
const PREFIX = 'pataje' const PREFIX = 'pataje'
components/teks/teks-drawer.js
+9 -8
View File
@@ -18,16 +18,16 @@ import {
Snackbar, Snackbar,
Tooltip, Tooltip,
Zoom Zoom
} from '@material-ui/core' } from '@mui/material'
import KeyboardBackspaceIcon from '@material-ui/icons/KeyboardBackspace' import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace'
import ExplicitIcon from '@material-ui/icons/Explicit' import ExplicitIcon from '@mui/icons-material/Explicit'
import MenuIcon from '@material-ui/icons/Menu' import MenuIcon from '@mui/icons-material/Menu'
import {useTheme, styled} from '@material-ui/core/styles' import {useTheme, styled} from '@mui/material/styles'
import MuiAlert from '@material-ui/lab/Alert' import MuiAlert from '@mui/material/Alert'
import {formatJsonString} from '../../lib/utils/format' import {formatJsonString} from '../../lib/utils/format'
import VweKomante from '../komante/vwe-komante' import VweKomante from '../komante/vwe-komante'
@@ -253,6 +253,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
aria-label='open drawer' aria-label='open drawer'
edge='start' edge='start'
className={classes.menuButton} className={classes.menuButton}
size='large'
onClick={handleDrawerToggle} onClick={handleDrawerToggle}
> >
<MenuIcon /> <MenuIcon />
@@ -300,7 +301,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
<DrawerBar meteEsMobilOuve={meteEsMobilOuve} teks={teks} anTeks={anTeks} /> <DrawerBar meteEsMobilOuve={meteEsMobilOuve} teks={teks} anTeks={anTeks} />
</Drawer> </Drawer>
</Hidden> </Hidden>
<Hidden xsDown implementation='css'> <Hidden smDown implementation='css'>
<Drawer <Drawer
open open
classes={{ classes={{
@@ -357,7 +358,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
{anTeks.okiMizikID && ( {anTeks.okiMizikID && (
<OkiMizik id={anTeks.okiMizikID} /> <OkiMizik id={anTeks.okiMizikID} />
)} )}
<Grid container justify='center' spacing={1}> <Grid container justifyContent='center' spacing={1}>
<Grid item xs={12} md={langArray.length > 0 ? 6 : null}> <Grid item xs={12} md={langArray.length > 0 ? 6 : null}>
<div className={classes.gridText}> <div className={classes.gridText}>
<Typography align='center' className={classes.text} variant='h4'> <Typography align='center' className={classes.text} variant='h4'>
components/teks/teks-kat.js
+3 -3
View File
@@ -9,9 +9,9 @@ import {
CardMedia, CardMedia,
Typography, Typography,
Grid Grid
} from '@material-ui/core' } from '@mui/material'
import ExplicitIcon from '@material-ui/icons/Explicit' import ExplicitIcon from '@mui/icons-material/Explicit'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
const PREFIX = 'teks-kat' const PREFIX = 'teks-kat'
components/teks/vwe-koute-achte.js
+6 -6
View File
@@ -13,12 +13,12 @@ import {
Lbry, Lbry,
Peertube Peertube
} from '@icons-pack/react-simple-icons' } from '@icons-pack/react-simple-icons'
import VideocamIcon from '@material-ui/icons/Videocam' import VideocamIcon from '@mui/icons-material/Videocam'
import MusicNoteIcon from '@material-ui/icons/MusicNote' import MusicNoteIcon from '@mui/icons-material/MusicNote'
import AlbumIcon from '@material-ui/icons/Album' import AlbumIcon from '@mui/icons-material/Album'
import PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled' import PlayCircleFilledIcon from '@mui/icons-material/PlayCircleFilled'
import {styled} from '@material-ui/core/styles' import {styled} from '@mui/material/styles'
import {SpeedDial, SpeedDialIcon, SpeedDialAction} from '@material-ui/lab' import {SpeedDial, SpeedDialIcon, SpeedDialAction} from '@mui/material'
const PREFIX = 'vwe-koute-achte' const PREFIX = 'vwe-koute-achte'
pages/404.js
+1 -1
View File
@@ -1,4 +1,4 @@
import {Container, Typography} from '@material-ui/core' import {Container, Typography} from '@mui/material'
import Link from 'next/link' import Link from 'next/link'
import Image from 'next/image' import Image from 'next/image'
pages/_app.js
+18 -16
View File
@@ -1,8 +1,8 @@
import {useEffect, useMemo, useState} from 'react' import {useEffect, useMemo, useState} from 'react'
import {useRouter} from 'next/router' import {useRouter} from 'next/router'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {createMuiTheme, ThemeProvider} from '@material-ui/core/styles' import {createTheme, ThemeProvider, StyledEngineProvider, adaptV4Theme} from '@mui/material/styles'
import CssBaseline from '@material-ui/core/CssBaseline' import CssBaseline from '@mui/material/CssBaseline'
import {Provider, useSession} from 'next-auth/client' import {Provider, useSession} from 'next-auth/client'
import SwitchTheme from '../components/switch-theme' import SwitchTheme from '../components/switch-theme'
@@ -12,9 +12,9 @@ export default function MyApp(props) {
const [darkMode, setDarkMode] = useState(false) const [darkMode, setDarkMode] = useState(false)
const [switchFixed, setSwitchFixed] = useState(false) const [switchFixed, setSwitchFixed] = useState(false)
const darkTheme = useMemo(() => createMuiTheme({ const darkTheme = useMemo(() => createTheme(adaptV4Theme({
palette: { palette: {
type: darkMode ? 'dark' : 'light', mode: darkMode ? 'dark' : 'light',
primary: { primary: {
light: '#81c784', light: '#81c784',
main: '#4caf50', main: '#4caf50',
@@ -22,7 +22,7 @@ export default function MyApp(props) {
contrastText: '#fff' contrastText: '#fff'
} }
} }
}), [darkMode]) })), [darkMode])
useEffect(() => { useEffect(() => {
const jssStyles = document.querySelector('#jss-server-side') const jssStyles = document.querySelector('#jss-server-side')
@@ -49,17 +49,19 @@ export default function MyApp(props) {
}, []) }, [])
return ( return (
<ThemeProvider theme={darkTheme}> <StyledEngineProvider injectFirst>
<CssBaseline /> <ThemeProvider theme={darkTheme}>
<Provider session={pageProps.session}> <CssBaseline />
<SwitchTheme switchFixed={switchFixed} darkMode={darkMode} setDarkMode={setDarkMode} /> <Provider session={pageProps.session}>
{Component.auth ? ( <SwitchTheme switchFixed={switchFixed} darkMode={darkMode} setDarkMode={setDarkMode} />
<Auth><Component {...pageProps} /></Auth> {Component.auth ? (
) : ( <Auth><Component {...pageProps} /></Auth>
<Component {...pageProps} /> ) : (
)} <Component {...pageProps} />
</Provider> )}
</ThemeProvider> </Provider>
</ThemeProvider>
</StyledEngineProvider>
) )
} }
pages/_document.js
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react'
import Document, { import Document, {
Html, Head, Main, NextScript Html, Head, Main, NextScript
} from 'next/document' } from 'next/document'
import {ServerStyleSheets} from '@material-ui/core/styles' import ServerStyleSheets from '@mui/styles/ServerStyleSheets'
export default class MyDocument extends Document { export default class MyDocument extends Document {
render() { render() {
pages/awtis.js
+1 -1
View File
@@ -1,5 +1,5 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {Container, Grid} from '@material-ui/core' import {Container, Grid} from '@mui/material'
import {jwennAwtisKantite, jwennAwtisPajinasyon} from '../lib/oki-api' import {jwennAwtisKantite, jwennAwtisPajinasyon} from '../lib/oki-api'
pages/index.js
+5 -5
View File
@@ -1,11 +1,11 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Image from 'next/image' import Image from 'next/image'
import {Container, Grid, Typography, Button} from '@material-ui/core' import {Container, Grid, Typography, Button} from '@mui/material'
import GroupIcon from '@material-ui/icons/Group' import GroupIcon from '@mui/icons-material/Group'
import MusicNoteIcon from '@material-ui/icons/MusicNote' import MusicNoteIcon from '@mui/icons-material/MusicNote'
import {Pleroma, Peertube, Paypal} from '@icons-pack/react-simple-icons' import {Pleroma, Peertube, Paypal} from '@icons-pack/react-simple-icons'
import TelegramIcon from '@material-ui/icons/Telegram' import TelegramIcon from '@mui/icons-material/Telegram'
import TwitterIcon from '@material-ui/icons/Twitter' import TwitterIcon from '@mui/icons-material/Twitter'
import KatKayLa from '../components/kat-kay-la' import KatKayLa from '../components/kat-kay-la'
import HeadLayout from '../components/head-layout' import HeadLayout from '../components/head-layout'
src/theme.js
+4 -4
View File
@@ -1,7 +1,7 @@
import {createMuiTheme} from '@material-ui/core/styles' import {createTheme, adaptV4Theme} from '@mui/material/styles'
import {red} from '@material-ui/core/colors' import {red} from '@mui/material/colors'
const theme = createMuiTheme({ const theme = createTheme(adaptV4Theme({
palette: { palette: {
primary: { primary: {
main: '#556cd6' main: '#556cd6'
@@ -16,6 +16,6 @@ const theme = createMuiTheme({
default: '#fff' default: '#fff'
} }
} }
}) }))
export default theme export default theme