Make '/teks' dymamic & add Drawer components

pages/teks/[slug].js

@@ -0,0 +1,37 @@
+import PropTypes from 'prop-types'
+
+import {jwennMizikEpiSlug, jwennTeks} from '../../lib/oki-api'
+
+import Navigasyon from '../../components/navigasyon'
+import TeksDrawer from '../../components/teks/teks-drawer'
+
+export default function Mizik({miziks, mizik}) {
+  return (
+    <>
+      <Navigasyon selectedTab={2} />
+      <TeksDrawer miziks={miziks} mizik={mizik} />
+    </>
+  )
+}
+
+export async function getServerSideProps({query}) {
+  const {slug} = query
+  const miziks = await jwennTeks()
+  const mizik = await jwennMizikEpiSlug(slug)
+
+  if (mizik.length === 0) {
+    throw new Error('San répons')
+  }
+
+  return {
+    props: {
+      miziks,
+      mizik
+    }
+  }
+}
+
+Mizik.propTypes = {
+  miziks: PropTypes.array.isRequired,
+  mizik: PropTypes.array.isRequired
+}

pages/teks/index.js

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types'
+
+import {jwennTeks} from '../../lib/oki-api'
+
+import Navigasyon from '../../components/navigasyon'
+import TeksDrawer from '../../components/teks/teks-drawer'
+
+export default function Teks({miziks}) {
+  return (
+    <>
+      <Navigasyon selectedTab={2} />
+      <TeksDrawer miziks={miziks} />
+    </>
+  )
+}
+
+export async function getServerSideProps() {
+  const miziks = await jwennTeks()
+
+  return {
+    props: {
+      miziks
+    }
+  }
+}
+
+Teks.propTypes = {
+  miziks: PropTypes.array.isRequired
+}