apply new-link codemod

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

@@ -35,43 +35,41 @@ function ShowBookingAdmin({ booking: bookingProp }: { booking: Booking }) {
     setStoringBooking(false)
   }
 
-  return (
-    <>
-      <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>
-    </>
-  )
+  return <>
+    <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`} className="btn btn-gray">
+        Rechnung
+      </Link>
+    </div>
+  </>;
 }
 
 ShowBookingAdmin.authenticationRequired = true

pages/bookings/[uuid]/stored.tsx

@@ -17,40 +17,38 @@ export default function ShowBookingStored({ booking }: { booking: Booking }) {
     setBookingDataStored(true)
   }
 
-  return (
-    <>
-      <h3 className="thanks mb-3 mt-6 text-lg">
-        Vielen Dank für die Buchungsanfrage
-      </h3>
-      <p className="mb-6">
-        Nach Prüfung bestätigen wir die Buchung zeitnah per E-Mail.
-      </p>
-      <p>
-        Den{' '}
-        <Link href={`/bookings/${booking.uuid}`}>
-          <a className="link underline">Link</a>
-        </Link>{' '}
-        zur Buchung schicken wir Dir auch per E-Mail. Dort kann die Buchung auch
-        jederzeit storniert werden.
-      </p>
-      {!storedBookingData && !bookingDataStored && (
-        <div className="mt-6">
-          <p>
-            Sollen deine Buchungsdaten für die nächste Buchung in{' '}
-            <strong>deinem Browser</strong> gespeichert werden?
-          </p>
-          <button onClick={store} className="mt-3 ml-0 btn btn-blue">
-            Ja, bitte speichern
-          </button>
-        </div>
-      )}
-      {bookingDataStored === true && (
-        <div className="mt-6">
-          <p className="info-message">
-            Ok, deine Buchungsdaten wurden für die nächste Buchung gespeichert.
-          </p>
-        </div>
-      )}
-    </>
-  )
+  return <>
+    <h3 className="thanks mb-3 mt-6 text-lg">
+      Vielen Dank für die Buchungsanfrage
+    </h3>
+    <p className="mb-6">
+      Nach Prüfung bestätigen wir die Buchung zeitnah per E-Mail.
+    </p>
+    <p>
+      Den{' '}
+      <Link href={`/bookings/${booking.uuid}`} className="link underline">
+        Link
+      </Link>{' '}
+      zur Buchung schicken wir Dir auch per E-Mail. Dort kann die Buchung auch
+      jederzeit storniert werden.
+    </p>
+    {!storedBookingData && !bookingDataStored && (
+      <div className="mt-6">
+        <p>
+          Sollen deine Buchungsdaten für die nächste Buchung in{' '}
+          <strong>deinem Browser</strong> gespeichert werden?
+        </p>
+        <button onClick={store} className="mt-3 ml-0 btn btn-blue">
+          Ja, bitte speichern
+        </button>
+      </div>
+    )}
+    {bookingDataStored === true && (
+      <div className="mt-6">
+        <p className="info-message">
+          Ok, deine Buchungsdaten wurden für die nächste Buchung gespeichert.
+        </p>
+      </div>
+    )}
+  </>;
 }

pages/index.tsx

@@ -19,20 +19,22 @@ export default function Home() {
         dritte Sitzreihe können ausgebaut werden.
       </p>
       <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
-        <Link href="/prices">
-          <a className="underline hover:text-blue-700">Preise</a>
+        <Link href="/prices" className="underline hover:text-blue-700">
+          Preise
         </Link>{' '}
         und{' '}
-        <Link href="/terms">
-          <a className="underline hover:text-blue-700">Mietbedingungen</a>
+        <Link href="/terms" className="underline hover:text-blue-700">
+          Mietbedingungen
         </Link>
       </p>
       <div className="mt-5 sm:mt-8 sm:flex sm:justify-center">
         <div className="rounded-md shadow">
-          <Link href="/book">
-            <a className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5">
+          <Link
+            href="/book"
+            className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5">
+            
               Zur Buchungsanfrage
-            </a>
+            
           </Link>
         </div>
       </div>
@@ -53,19 +55,21 @@ export default function Home() {
           0151 / 21225302
         </a>{' '}
         oder{' '}
-        <Link href="https://wa.me/4915121225362">
-          <a className="underline inline-flex flex-row items-baseline hover:text-blue-700">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              className="fill-current h-4 inline"
-              viewBox="0 0 738 741"
-            >
-              <title>Whatsapp</title>
-              <path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
-            </svg>
-          </a>
+        <Link
+          href="https://wa.me/4915121225362"
+          className="underline inline-flex flex-row items-baseline hover:text-blue-700">
+
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            className="fill-current h-4 inline"
+            viewBox="0 0 738 741"
+          >
+            <title>Whatsapp</title>
+            <path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
+          </svg>
+
         </Link>
       </p>
     </div>
-  )
+  );
 }