tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

added app context with reducer

Browse Source
This commit is contained in:
Thomas Ruoff
2020-07-01 00:25:36 +02:00
parent 96c62e3e9f
commit 563d57a8ba
6 changed files with 207 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
pages/index.js
View File

@@ -1,20 +1,15 @@
import { useState } from 'react'
import { useContext } from 'react'
import Head from 'next/head'
import AppStore from '../context/appStore'
import RangeSelect from '../components/rangeSelect'
import DateSelect from '../components/dateSelect'
import Contact from '../components/contact'
import Driver from '../components/driver'
export default function Home() {
const [multipleDays, setMultipleDays] = useState(null)
const [startDate, setStartDate] = useState(null)
const [endDate, setEndDate] = useState(null)
const [focusedInput, setFocusedInput] = useState(null)
const [pickupTime, setPickupTime] = useState('')
const [dropoffTime, setDropoffTime] = useState('')
return (
<div className="container">
<Head>
@@ -29,29 +24,15 @@ export default function Home() {
Du willst das Pfadi Bussle buchen? Hier bist du richtig!
</p>
<form className="bookingForm">
<RangeSelect
multipleDay={multipleDays}
setMultipleDays={setMultipleDays}
/>
<DateSelect
multipleDays={multipleDays}
startDate={startDate}
setStartDate={setStartDate}
endDate={endDate}
setEndDate={setEndDate}
focusedInput={focusedInput}
setFocusedInput={setFocusedInput}
pickupTime={pickupTime}
setPickupTime={setPickupTime}
dropoffTime={dropoffTime}
setDropoffTime={setDropoffTime}
/>
<AppStore>
<form className="bookingForm">
<RangeSelect />
<DateSelect />
<Contact />
<Contact />
<input type="submit" />
</form>
<input type="submit" />
</form>
</AppStore>
</main>
<footer>