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

inspect path by breadcrumbs

Browse Source
This commit is contained in:
Thomas Ruoff
2020-12-25 00:50:12 +01:00
parent 29347b9019
commit bb5f94491f
12 changed files with 30 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/breadcrumbs.tsx
View File

@@ -1,14 +1,20 @@
import { useContext } from 'react'
import { useRouter } from 'next/router'
import Link from 'next/link'
import UserContext from './user/context'
export default function Breadcrumbs({ label }: { label: string }) {
export default function Breadcrumbs() {
const { username, role } = useContext(UserContext)
const router = useRouter()
if (!label) {
const breadcrumbs = router.asPath.replace(/^\//, '').split('/')
if (!breadcrumbs.length) {
return null
}
// TODO: translate routes
// TODO: make entries linkable
return (
<div className="flex flex-row items-center px-3 py-1 text-white text-base bg-blue-400 rounded-b-sm">
{role === 'admin' && (
@@ -22,10 +28,16 @@ export default function Breadcrumbs({ label }: { label: string }) {
<a className="font-extrabold">Home</a>
</Link>
</h2>
{'>'}
<h2 className="mx-1 flex-grow">
<span className="font-extrabold">{label}</span>
</h2>
{breadcrumbs.map((breadcrumb) => {
return (
<>
{'>'}
<h2 className="mx-1">
<span className="font-extrabold">{breadcrumb}</span>
</h2>
</>
)
})}
</>
</div>
)

4
components/header.tsx
View File

@@ -3,7 +3,7 @@ import Link from 'next/link'
import Logo from './logo'
import Breadcrumbs from './breadcrumbs'
export default function Header({ label }: { label?: string }) {
export default function Header() {
return (
<>
<Head>
@@ -20,7 +20,7 @@ export default function Header({ label }: { label?: string }) {
</h1>
<Logo className="w-40 flex-shrink-0" />
</div>
<Breadcrumbs label={label} />
<Breadcrumbs />
</div>
</>
)

2
pages/admin/booking/[uuid]/bill.tsx
View File

@@ -174,7 +174,7 @@ export default function BookingBillPage({
return (
<>
<Header label="Abrechung" />
<Header />
<main className="main">
{booking && (
<form className="form" onSubmit={onSubmit}>

2
pages/admin/booking/[uuid]/index.tsx
View File

@@ -78,7 +78,7 @@ export default function ShowBookingAdmin({
return (
<>
<Header label="Buchung" />
<Header />
<main className="main py-3">
<h2 className="text-3xl">Buchung {booking.uuid}</h2>
<Calendar start={booking.startDate} end={booking.endDate} />

2
pages/admin/index.tsx
View File

@@ -29,7 +29,7 @@ export const getServerSideProps = withSession(async (context) => {
export default function AdminRecentBookings({ bookings }) {
return (
<>
<Header label="Buchungsliste" />
<Header />
<main className="main py-3">
{bookings.map((booking: any) => (
<div

2
pages/admin/login.tsx
View File

@@ -43,7 +43,7 @@ export default function Login() {
return (
<>
<Header label="Admin Login" />
<Header />
<main className="main w-64">
<form className="form" onSubmit={onSubmit}>
<Input

2
pages/book.tsx
View File

@@ -6,7 +6,7 @@ import Wizard from '../components/wizard/index'
export default function Home() {
return (
<>
<Header label="Anfrage" />
<Header />
<main className="main">
<Wizard />
</main>

2
pages/booking/[uuid]/index.tsx
View File

@@ -57,7 +57,7 @@ export default function ShowBooking({
return (
<>
<Header label="Ihre Buchung" />
<Header />
<main className="main">
<div>
<strong>Buchungsstatus:</strong> {getBookingStatus(booking.status)}

2
pages/booking/[uuid]/stored.tsx
View File

@@ -25,7 +25,7 @@ export default function ShowBookingStored({
return (
<>
<Header label="Eingangsbestätigung" />
<Header />
<main className="main">
<h3 className="text-lg mb-3">Vielen Dank für die Buchungsanfrage</h3>
<p className="mb-6">

2
pages/impressum.tsx
View File

@@ -4,7 +4,7 @@ import Header from '../components/header'
export default function Impressum() {
return (
<>
<Header label="Impressum" />
<Header />
<main className="main">
<h1 className="mb-3 text-xl font-extrabold">Impressum</h1>

2
pages/privacy.tsx
View File

@@ -4,7 +4,7 @@ import Header from '../components/header'
export default function Privacy() {
return (
<>
<Header label="Datenschutzerklärung" />
<Header />
<main className="main text-gray-900">
<h1 className="mb-3 text-xl font-extrabold">Datenschutzerklärung</h1>
<h2 className="mb-2 text-lg font-extrabold">Geltungsbereich</h2>

2
pages/terms.tsx
View File

@@ -4,7 +4,7 @@ import Header from '../components/header'
export default function Terms() {
return (
<>
<Header label="AGBs" />
<Header />
<main className="main text-gray-900">
<h1 className="mb-3 text-xl font-extrabold">
Allgemeine Geschäftsbedinungen