diff --git a/app/page.js b/app/page.js
index 67d4c6d..7e41e5d 100644
--- a/app/page.js
+++ b/app/page.js
@@ -6,6 +6,7 @@ import Typography from '@mui/material/Typography'
import Konstitisyon from '@/components/konstitisyon/index.js'
import Footer from '@/components/footer.js'
import Sign from '@/components/session/sign.js'
+import Create from '@/components/konstitisyon/create.js'
const apiUrl = process.env.DIRECTUS_API_URL
const appTitle = process.env.APP_TITLE
@@ -57,7 +58,10 @@ export default async function Page() {
{appTitle.toUpperCase()}
-
+ {session && (
+
+ )}
+
diff --git a/components/konstitisyon/index.js b/components/konstitisyon/index.js
index 5e53ff8..9764f65 100644
--- a/components/konstitisyon/index.js
+++ b/components/konstitisyon/index.js
@@ -1,10 +1,27 @@
+'use client'
+
import PropTypes from 'prop-types'
import Box from '@mui/material/Box'
import Paper from '@mui/material/Paper'
+import {styled} from '@mui/material/styles'
+import IconButton from '@mui/material/IconButton'
+import AddCommentIcon from '@mui/icons-material/AddComment'
+import Tooltip, {tooltipClasses} from '@mui/material/Tooltip'
import Titre from './titre.js'
import Article from './article.js'
import {formatKonstitisyon} from '@/lib/format.js'
+const LightTooltip = styled(({className, ...props}) => (
+
+))(({theme}) => ({
+ [`& .${tooltipClasses.tooltip}`]: {
+ backgroundColor: theme.palette.common.white,
+ color: 'rgba(0, 0, 0, 0.87)',
+ boxShadow: theme.shadows[1],
+ fontSize: 15,
+ },
+}))
+
export default function Konstitisyon({session, titres, articles}) {
const konstitisyon = formatKonstitisyon(titres, articles)
@@ -16,6 +33,15 @@ export default function Konstitisyon({session, titres, articles}) {
{articles.map(({id, numero, contenu}) => (
))}
+ {session && (
+
+
+
+
+
+
+
+ )}
))}