added new element & 404 pages

City-of-Turku · Oct 14, 2022 · 39285bc · 39285bc
1 parent fab1cf1
commit 39285bc
Show file tree

Hide file tree

Showing 7 changed files with 59 additions and 18 deletions.
diff --git a/components/Custom404/Custom404.jsx b/components/Custom404/Custom404.jsx
@@ -0,0 +1,11 @@
+const Custom404 = () => {
+    return (
+        <div>
+            <h1>404</h1>
+            <p>Sivua ei löytynyt.</p>
+        </div>
+
+    )
+}
+
+export default Custom404
diff --git a/components/EventPick/EventPick.jsx b/components/EventPick/EventPick.jsx
@@ -0,0 +1,22 @@
+import Link from "next/link";
+
+const EventPick = ({ props, locale }) => {
+
+    console.log('eventpick', props)
+
+    return (
+        <div style={{ display: "flex", justifyContent: "center", margin: "80px 0" }}>
+            <Link href={props.event_item.url[locale]}>
+                <div style={{ position: "relative", width: "100%", maxWidth: "900px", height: "100%", minHeight: "320px" }}>
+                    <img src={props.event_item.image} width={700} height={500} style={{ width: "100%", display: "block" }} />
+                    <div style={{ position: "absolute", textAlign: "center", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }}>
+                        <h2 style={{ fontSize: 30 }}>{props.event_item.title[locale]}</h2>
+                        <p style={{ fontFamily: "Forma DJR Micro", fontSize: 20, fontWeight: 300 }}>{props.event_item.short_desc[locale]}</p>
+                    </div>
+                </div>
+            </Link>
+        </div>
+    )
+}
+
+export default EventPick
diff --git a/components/TopPicks/TopPick.jsx b/components/TopPicks/TopPick.jsx
diff --git a/components/TopPicks/TopPicks.jsx b/components/TopPicks/TopPicks.jsx
@@ -3,7 +3,6 @@ import styles from '../../styles/Home.module.css'
 
 const TopPicks = ({ props, locale }) => {
 
-  console.log(props)
   return (
     <div style={{ display: "flex", justifyContent: "center", margin: "80px 0" }}>
       <div className={styles.topPicksGrid} >

diff --git a/components/lookUp.js b/components/lookUp.js
@@ -1,9 +1,11 @@
 import topPicks from "./TopPicks/TopPicks";
 import LocalPicks from "./LocalPicks/LocalPicks";
 import Calendar from "./Calendar/Calendar";
+import EventPick from "./EventPick/EventPick";
 
 const LookUp = {
   "top_picks": topPicks,
+  "event_pick": EventPick,
   "local_picks": LocalPicks,
   "calendar": Calendar
 }

diff --git a/pages/404.js b/pages/404.js
@@ -0,0 +1,21 @@
+import Head from "next/head"
+import Layout from "../components/Layout/Layout"
+import Custom404 from "../components/Custom404/Custom404"
+
+const Custom404Page = () => {
+
+    return (
+        <>
+            <Head>
+                <title>404</title>
+            </Head>
+
+            <Layout locale={"fi"}>
+                <Custom404 />
+            </Layout>
+        </>
+
+    )
+}
+
+export default Custom404Page
diff --git a/pages/fi/index.jsx b/pages/fi/index.jsx
@@ -10,7 +10,7 @@ import styles from "../../styles/Home.module.css";
 import Typography from "@mui/material/Typography";
 
 
-const Home = ({ elements, footerProps }) => {
+const Home = ({ elements }) => {
 
   const theme = useTheme();
 
@@ -19,8 +19,8 @@ const Home = ({ elements, footerProps }) => {
   };
 
   return (
-    <Layout locale={"fi"} footerProps={footerProps}>
-      <IndexPage locale={"fi"} elements={elements} footerProps={footerProps} />
+    <Layout locale={"fi"}>
+      <IndexPage locale={"fi"} elements={elements} />
 
       <Box style={{ backgroundColor: "#f2ca99", color: "#ffffff", padding: 12 }}>
         <div style={{ display: "flex", justifyContent: "center" }}>