prettier all the things

pages/admin/bookings/[uuid]/bill.tsx

@@ -18,7 +18,7 @@ export const getServerSideProps = async (context) => {
       ...serverSideBookingProps.props,
       milageMax,
     },
-  };
+  }
 }
 
 const milageTarifOptions = Object.values(MILAGE_TARIFS).map((tarif) => {
@@ -134,135 +134,133 @@ function BookingBillPage({
 
   return (
     <Layout>
-        {booking && (
-          <form className="w-full" onSubmit={onSubmit}>
-            <div>
-              <strong>Buchungszeitraum:</strong>{' '}
-              {daysFormatFrontend(booking.days)}
-            </div>
-            <div>
-              <strong>Bucher:</strong> {booking.name}
-            </div>
-            <div>
-              <strong>Buchungsstatus:</strong>{' '}
-              {getBookingStatus(booking.status)}
-            </div>
-            <div>
-              <Input
-                label="Anfangskilometer"
-                name="milageStart"
-                required
-                value={milageStart}
-                type="number"
-                onChange={(e: React.ChangeEvent<React.ElementRef<'input'>>) =>
-                  setMilageStart(Number(e.target.value))
-                }
-              />
-              <Input
-                label="Endkilometer"
-                name="milageEnd"
-                required
-                value={milageEnd}
-                type="number"
-                onChange={(e: React.ChangeEvent<React.ElementRef<'input'>>) =>
-                  setMilageEnd(Number(e.target.value))
-                }
-              />
-              <Input label="Gefahren" name="milage" readOnly value={milage} />
-              <Select
-                label="Rate"
-                name="tarif"
-                value={tarif}
-                onChange={(e) => setTarif(e.target.value as MILAGE_TARIFS)}
-              >
-                {milageTarifOptions}
-              </Select>
-              <div className="mb-3">
-                <button
-                  className="ibtn btn-gray mr-3"
-                  onClick={onAddAdditionalCost}
-                  title="Zusätzliche Kosten hinzufügen"
-                >
-                  +
-                </button>
-                <label className="flabel inline">Zusätzliche Kosten</label>
-              </div>
-              {additionalCosts.map((_, index) => {
-                return (
-                  <>
-                    <div className="mb-3" key={`label${index}`}>
-                      <button
-                        className="ibtn btn-gray mr-3"
-                        onClick={(event) =>
-                          onRemoveAdditionalCost(event, index)
-                        }
-                        title="Entfernen"
-                      >
-                        -
-                      </button>
-                      <label className="flabel inline">{`Kostenpunkt ${index + 1
-                        }`}</label>
-                    </div>
-                    <div className="ml-10 mb-3" key={`input{index}`}>
-                      <Input
-                        label={`Name`}
-                        name={`additionalCostName${index}`}
-                        key={`additionalCostName${index}`}
-                        value={additionalCosts[index].name}
-                        onChange={(event) => {
-                          const newAdditonalCosts = [...additionalCosts]
-                          newAdditonalCosts[index] = {
-                            value: newAdditonalCosts[index].value,
-                            name: event.target.value,
-                          }
-                          setAdditionalCosts(newAdditonalCosts)
-                        }}
-                      />
-                      <Input
-                        label={`Betrag`}
-                        name={`additionalCostValue${index}`}
-                        key={`additionalCostValue${index}`}
-                        value={additionalCosts[index].value}
-                        type="number"
-                        onChange={(event) => {
-                          const newAdditonalCosts = [...additionalCosts]
-                          newAdditonalCosts[index] = {
-                            name: newAdditonalCosts[index].name,
-                            value: Number(event.target.value),
-                          }
-                          setAdditionalCosts(newAdditonalCosts)
-                        }}
-                      />
-                    </div>
-                  </>
-                )
-              })}
-              <Input label="Summe" name="total" readOnly value={total} />
-            </div>
+      {booking && (
+        <form className="w-full" onSubmit={onSubmit}>
+          <div>
+            <strong>Buchungszeitraum:</strong>{' '}
+            {daysFormatFrontend(booking.days)}
+          </div>
+          <div>
+            <strong>Bucher:</strong> {booking.name}
+          </div>
+          <div>
+            <strong>Buchungsstatus:</strong> {getBookingStatus(booking.status)}
+          </div>
+          <div>
+            <Input
+              label="Anfangskilometer"
+              name="milageStart"
+              required
+              value={milageStart}
+              type="number"
+              onChange={(e: React.ChangeEvent<React.ElementRef<'input'>>) =>
+                setMilageStart(Number(e.target.value))
+              }
+            />
+            <Input
+              label="Endkilometer"
+              name="milageEnd"
+              required
+              value={milageEnd}
+              type="number"
+              onChange={(e: React.ChangeEvent<React.ElementRef<'input'>>) =>
+                setMilageEnd(Number(e.target.value))
+              }
+            />
+            <Input label="Gefahren" name="milage" readOnly value={milage} />
             <Select
-              label="Status"
-              name={status}
-              value={status}
-              onChange={(e) => setStatus(e.target.value as BILL_STATUS)}
+              label="Rate"
+              name="tarif"
+              value={tarif}
+              onChange={(e) => setTarif(e.target.value as MILAGE_TARIFS)}
             >
-              {billStatusOptions}
+              {milageTarifOptions}
             </Select>
-            {storingError && (
-              <div className="error-message flex-grow mt-6">{storingError}</div>
-            )}
-            <button
-              type="submit"
-              className="btn btn-blue mt-3"
-              disabled={storingInProgress}
-            >
-              Rechnung {!!booking.bill ? 'Updaten' : 'Erstellen'}
-            </button>
-          </form>
-        )}
+            <div className="mb-3">
+              <button
+                className="ibtn btn-gray mr-3"
+                onClick={onAddAdditionalCost}
+                title="Zusätzliche Kosten hinzufügen"
+              >
+                +
+              </button>
+              <label className="flabel inline">Zusätzliche Kosten</label>
+            </div>
+            {additionalCosts.map((_, index) => {
+              return (
+                <>
+                  <div className="mb-3" key={`label${index}`}>
+                    <button
+                      className="ibtn btn-gray mr-3"
+                      onClick={(event) => onRemoveAdditionalCost(event, index)}
+                      title="Entfernen"
+                    >
+                      -
+                    </button>
+                    <label className="flabel inline">{`Kostenpunkt ${
+                      index + 1
+                    }`}</label>
+                  </div>
+                  <div className="ml-10 mb-3" key={`input{index}`}>
+                    <Input
+                      label={`Name`}
+                      name={`additionalCostName${index}`}
+                      key={`additionalCostName${index}`}
+                      value={additionalCosts[index].name}
+                      onChange={(event) => {
+                        const newAdditonalCosts = [...additionalCosts]
+                        newAdditonalCosts[index] = {
+                          value: newAdditonalCosts[index].value,
+                          name: event.target.value,
+                        }
+                        setAdditionalCosts(newAdditonalCosts)
+                      }}
+                    />
+                    <Input
+                      label={`Betrag`}
+                      name={`additionalCostValue${index}`}
+                      key={`additionalCostValue${index}`}
+                      value={additionalCosts[index].value}
+                      type="number"
+                      onChange={(event) => {
+                        const newAdditonalCosts = [...additionalCosts]
+                        newAdditonalCosts[index] = {
+                          name: newAdditonalCosts[index].name,
+                          value: Number(event.target.value),
+                        }
+                        setAdditionalCosts(newAdditonalCosts)
+                      }}
+                    />
+                  </div>
+                </>
+              )
+            })}
+            <Input label="Summe" name="total" readOnly value={total} />
+          </div>
+          <Select
+            label="Status"
+            name={status}
+            value={status}
+            onChange={(e) => setStatus(e.target.value as BILL_STATUS)}
+          >
+            {billStatusOptions}
+          </Select>
+          {storingError && (
+            <div className="error-message flex-grow mt-6">{storingError}</div>
+          )}
+          <button
+            type="submit"
+            className="btn btn-blue mt-3"
+            disabled={storingInProgress}
+          >
+            Rechnung {!!booking.bill ? 'Updaten' : 'Erstellen'}
+          </button>
+        </form>
+      )}
     </Layout>
   )
 }
 
-BookingBillPage.auth = true;
+BookingBillPage.auth = true
 
-export default BookingBillPage;
+export default BookingBillPage

pages/admin/bookings/[uuid]/index.tsx

@@ -9,13 +9,9 @@ import { getBookingStatus, patchBooking } from '../../../../helpers/booking'
 import { daysFormatFrontend } from '../../../../helpers/date'
 import { BOOKING_STATUS } from '../../../../db/enums'
 
-export const getServerSideProps = getServerSideBooking;
+export const getServerSideProps = getServerSideBooking
 
-function ShowBookingAdmin({
-  booking: bookingProp,
-}: {
-  booking: Booking
-}) {
+function ShowBookingAdmin({ booking: bookingProp }: { booking: Booking }) {
   const router = useRouter()
   const [booking, setBooking] = useState(bookingProp)
   const [storingBooking, setStoringBooking] = useState(false)
@@ -41,43 +37,43 @@ function ShowBookingAdmin({
 
   return (
     <Layout>
-        <h2 className="text-3xl">Buchung {booking.uuid}</h2>
-        <Calendar start={booking.startDate} end={booking.endDate} />
-        <div>
-          <strong>Buchungszeitraum:</strong> {daysFormatFrontend(booking.days)}
-        </div>
-        <div>
-          <strong>Bucher:</strong> {booking.name}
-        </div>
-        <div>
-          <strong>Buchungsstatus:</strong> {getBookingStatus(booking.status)}
-        </div>
-        {storingBookingError && (
-          <div className="error-message flex-grow">{storingBookingError}</div>
-        )}
-        <div className="my-6">
-          <button
-            onClick={() => onStoreBooking(true)}
-            className="btn btn-blue"
-            disabled={storingBooking}
-          >
-            Buchung Bestätigen
-          </button>
-          <button
-            onClick={() => onStoreBooking(false)}
-            className="btn btn-red"
-            disabled={storingBooking}
-          >
-            Buchung Abweisen
-          </button>
-          <Link href={`${router.asPath}/bill`}>
-            <a className="btn btn-gray">Rechnung</a>
-          </Link>
-        </div>
+      <h2 className="text-3xl">Buchung {booking.uuid}</h2>
+      <Calendar start={booking.startDate} end={booking.endDate} />
+      <div>
+        <strong>Buchungszeitraum:</strong> {daysFormatFrontend(booking.days)}
+      </div>
+      <div>
+        <strong>Bucher:</strong> {booking.name}
+      </div>
+      <div>
+        <strong>Buchungsstatus:</strong> {getBookingStatus(booking.status)}
+      </div>
+      {storingBookingError && (
+        <div className="error-message flex-grow">{storingBookingError}</div>
+      )}
+      <div className="my-6">
+        <button
+          onClick={() => onStoreBooking(true)}
+          className="btn btn-blue"
+          disabled={storingBooking}
+        >
+          Buchung Bestätigen
+        </button>
+        <button
+          onClick={() => onStoreBooking(false)}
+          className="btn btn-red"
+          disabled={storingBooking}
+        >
+          Buchung Abweisen
+        </button>
+        <Link href={`${router.asPath}/bill`}>
+          <a className="btn btn-gray">Rechnung</a>
+        </Link>
+      </div>
     </Layout>
   )
 }
 
-ShowBookingAdmin.auth = true;
+ShowBookingAdmin.auth = true
 
-export default ShowBookingAdmin;
+export default ShowBookingAdmin

pages/admin/index.tsx

@@ -1,20 +1,20 @@
 import React from 'react'
 import Link from 'next/link'
 import { useSession } from 'next-auth/react'
-import Layout from '../../components/layout';
-import Denied from '../../components/denied';
+import Layout from '../../components/layout'
+import Denied from '../../components/denied'
 import { daysFormatFrontend } from '../../helpers/date'
 
 import { getServerSideRecentBookings } from '../../lib/getServerSideProps'
 
-export const getServerSideProps = getServerSideRecentBookings;
+export const getServerSideProps = getServerSideRecentBookings
 
 function AdminRecentBookings({ bookings }) {
-  const { data: session, status}  = useSession();
+  const { data: session, status } = useSession()
 
-  if (typeof window !== 'undefined' && status === "loading") return null;
+  if (typeof window !== 'undefined' && status === 'loading') return null
 
-  if (!bookings) return null;
+  if (!bookings) return null
 
   return (
     <Layout>
@@ -71,4 +71,4 @@ function AdminRecentBookings({ bookings }) {
 
 AdminRecentBookings.auth = true
 
-export default AdminRecentBookings;
+export default AdminRecentBookings