From 05e2126f63dd823918abe11a95a49ec3c426ef56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Famibelle-Pronzola?= <c.pronzola@tuta.io>
Date: Sat, 22 Jul 2023 13:37:27 +0400
Subject: [PATCH] Replace KatKayLa by KatAkey

---
 .../{kat-kay-la.js => akey/kat-akey.js}       | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)
 rename components/{kat-kay-la.js => akey/kat-akey.js} (61%)

diff --git a/components/kat-kay-la.js b/components/akey/kat-akey.js
similarity index 61%
rename from components/kat-kay-la.js
rename to components/akey/kat-akey.js
index d092373..85f2c9e 100644
--- a/components/kat-kay-la.js
+++ b/components/akey/kat-akey.js
@@ -1,18 +1,22 @@
+'use client'
+
 import PropTypes from 'prop-types'
-import {useRouter} from 'next/router'
-import Grid from '@mui/material/Grid'
+import {useRouter} from 'next/navigation'
+import {useTheme} from '@mui/material/styles'
+import Grid from '@mui/material/Unstable_Grid2'
 import Card from '@mui/material/Card'
 import CardActionArea from '@mui/material/CardActionArea'
 import CardContent from '@mui/material/CardContent'
 import Typography from '@mui/material/Typography'
 
-export default function KatKayLa({tit, kantite, href, as}) {
-  const router = useRouter()
+export default function KatAkey({tit, kantite, href, as}) {
+  const theme = useTheme()
+  const rute = useRouter()
 
   return (
-    <Grid item xs={12} md={6}>
-      <Card variant='outlined'>
-        <CardActionArea onClick={() => router.push(href, as).then(() => window.scrollTo(0, 0))}>
+    <Grid xs={12} md={6}>
+      <Card sx={{borderColor: theme.palette.primary[theme.palette.mode]}} color='primary' variant='outlined'>
+        <CardActionArea onClick={() => rute.push(href, as)}>
           <CardContent>
             <Typography style={{fontWeight: 'bold'}} align='center' variant='h5' component='h4'>
               {kantite}
@@ -27,7 +31,7 @@ export default function KatKayLa({tit, kantite, href, as}) {
   )
 }
 
-KatKayLa.propTypes = {
+KatAkey.propTypes = {
   tit: PropTypes.string.isRequired,
   kantite: PropTypes.number.isRequired,
   href: PropTypes.string.isRequired,