From 7b23a7cc1f570f379767064c0d6e6c3b7f1f8b06 Mon Sep 17 00:00:00 2001
From: purusott <74315929+purusott@users.noreply.github.com>
Date: Thu, 14 Nov 2024 13:36:44 +0100
Subject: [PATCH] chore(landing): delete welcome modal (#1724)

---
 tavla/app/components/Welcome/index.tsx | 115 -------------------------
 tavla/app/page.tsx                     |   2 -
 2 files changed, 117 deletions(-)
 delete mode 100644 tavla/app/components/Welcome/index.tsx

diff --git a/tavla/app/components/Welcome/index.tsx b/tavla/app/components/Welcome/index.tsx
deleted file mode 100644
index 14a7aa28c..000000000
--- a/tavla/app/components/Welcome/index.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-'use client'
-import { Button } from '@entur/button'
-import { Checkbox } from '@entur/form'
-import { Modal } from '@entur/modal'
-import {
-    Heading2,
-    Label,
-    LeadParagraph,
-    ListItem,
-    UnorderedList,
-} from '@entur/typography'
-import { ChangeEvent, useEffect, useState } from 'react'
-import portrait_traveller from 'public/illustrations/portrait_traveller.svg'
-import Image from 'next/image'
-import { ExpandablePanel } from '@entur/expand'
-
-const KEY = 'welcome_shown'
-
-function Welcome() {
-    const [isOpen, setIsOpen] = useState(false)
-
-    const close = () => setIsOpen(false)
-
-    const welcomeChange = (e: ChangeEvent<HTMLInputElement>) => {
-        if (e.currentTarget.checked) window.localStorage.setItem(KEY, 'true')
-        else window.localStorage.removeItem(KEY)
-    }
-
-    useEffect(() => {
-        if (window.innerWidth < 1000) return
-        const welcomeShown = window.localStorage.getItem(KEY)
-        if (!welcomeShown) setIsOpen(true)
-    }, [])
-
-    return (
-        <Modal
-            open={isOpen}
-            onDismiss={close}
-            size="large"
-            closeLabel="Lukk dialog med informasjon om ny versjon av Tavla"
-        >
-            <div className="flex flex-col items-center">
-                <div className="flex flex-row items-center justify-between gap-4 mb-8">
-                    <div className="flex flex-col items-center justify-center w-1/2">
-                        <Image src={portrait_traveller} alt="" />
-                    </div>
-                    <div className="flex flex-col w-1/2">
-                        <Heading2 as="h1">
-                            Velkommen til ny versjon av Tavla!
-                        </Heading2>
-                        <LeadParagraph>
-                            Tavla gjør det enkelt å opprette, dele og samarbeide
-                            om avgangstavler for stoppesteder over hele Norge.
-                            Opprett en bruker for å få tilgang til Tavla.
-                        </LeadParagraph>
-                        <div className="flex flex-col gap-1">
-                            <ExpandablePanel title="Brukte du den gamle versjonen av Tavla?">
-                                <UnorderedList className="flex flex-col gap-1">
-                                    <ListItem>
-                                        Nå må du lage en ny bruker.
-                                    </ListItem>
-                                    <ListItem>
-                                        Alle tavlene dine må opprettes på nytt.
-                                    </ListItem>
-                                </UnorderedList>
-                            </ExpandablePanel>
-
-                            <ExpandablePanel title="Hva er nytt i denne versjonen?">
-                                <UnorderedList className="flex flex-col gap-1">
-                                    <ListItem>
-                                        Oversikten over dine tavler er forbedret
-                                        med søk og filter, slik at du enklere
-                                        finner frem.
-                                    </ListItem>
-                                    <ListItem>
-                                        Økt støtte for flere typer enheter – For
-                                        eksempel eldre nettlesere, smart-TVer og
-                                        lignende.
-                                    </ListItem>
-                                    <ListItem>
-                                        Det er enklere å administere og
-                                        samarbeide om flere tavler. Foreløpig
-                                        har vi valgt å kalle dette
-                                        “organisasjoner”. Her kan du sette
-                                        standardinnstillinger for tavlene dine –
-                                        for eksempel logo, tekststørrelse og
-                                        hvilken info som skal vises. Det er også
-                                        mulig å invitere andre til å samarbeide
-                                        om organisasjonen.
-                                    </ListItem>
-                                </UnorderedList>
-                            </ExpandablePanel>
-                            <div className="flex flex-row items-center mt-4 mb-1">
-                                <Checkbox
-                                    id="welcome"
-                                    onChange={welcomeChange}
-                                />
-                                <Label htmlFor="welcome">
-                                    Ikke vis denne informasjonen igjen
-                                </Label>
-                            </div>
-                            <div>
-                                <Button variant="primary" onClick={close}>
-                                    Utforsk nye Tavla
-                                </Button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </Modal>
-    )
-}
-
-export { Welcome }
diff --git a/tavla/app/page.tsx b/tavla/app/page.tsx
index ca8e6ff98..badd86f42 100644
--- a/tavla/app/page.tsx
+++ b/tavla/app/page.tsx
@@ -10,7 +10,6 @@ import {
 } from '@entur/typography'
 import { PreviewCarousel } from './components/PreviewCarousel'
 import { previewBoards } from '../src/Shared/utils/previewBoards'
-import { Welcome } from './components/Welcome'
 import { Link as EnturLink } from '@entur/typography'
 import { CreateUserButtonLanding } from './components/CreateUserButtonLanding'
 import { DemoButton } from './components/DemoButtonLanding'
@@ -28,7 +27,6 @@ async function Landing() {
     const loggedIn = (await verifySession(session)) !== null
     return (
         <main>
-            <Welcome />
             <div className="bg-secondary">
                 <div className="flex flex-col container py-12 gap-10 lg:flex-row justify-center">
                     <div className="flex flex-col lg:w-3/4 xl:w-1/2">