Extract component

openaustralia · Sep 19, 2023 · a656c22 · a656c22
1 parent 8935de2
commit a656c22
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 36 deletions.
diff --git a/maizzle/src/components/application.html b/maizzle/src/components/application.html
@@ -0,0 +1,18 @@
+<table>
+  <tr>
+    <td class="w-[180px]" valign="top">
+      <img alt="Map of 50 Illawarra Road Marrickville 2204" src="https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyCmdTv4mqSQKa2BfUvQUU3mEuj6vxnEiHI&amp;maptype=roadmap&amp;markers=color%3Ared%7C-33.90413%2C151.16163&amp;size=150x150&amp;zoom=16&amp;signature=i7QiFQ-M5phHMw9HKccQv-gReEc=" width="150" height="150">
+    </td>
+    <td valign="top" class="h-[150px]">
+      <a href="#" class="text-navy dark-mode:text-white">
+        <h2 class="m-0 text-lg font-bold">6 Kahibah Road, Umina Beach, NSW</h2>
+      </a>
+      <p class="mt-0">
+        <content />
+      </p>
+      <p class="mb-0">
+        <a href="#" class="text-navy dark-mode:text-white">Add your own comment</a>
+      </p>      
+    </td>
+  </tr>
+</table>
diff --git a/maizzle/src/templates/new-applications-alert.html b/maizzle/src/templates/new-applications-alert.html
@@ -23,43 +23,14 @@
   </table>
   <x-spacer height="32px" />
   <x-divider space-y="24px" class="bg-slate-200" />
-  <table>
-    <tr>
-      <td class="w-[180px]" valign="top">
-        <img alt="Map of 50 Illawarra Road Marrickville 2204" src="https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyCmdTv4mqSQKa2BfUvQUU3mEuj6vxnEiHI&amp;maptype=roadmap&amp;markers=color%3Ared%7C-33.90413%2C151.16163&amp;size=150x150&amp;zoom=16&amp;signature=i7QiFQ-M5phHMw9HKccQv-gReEc=" width="150" height="150">
-      </td>
-      <td valign="top" class="h-[150px]">
-        <a href="#" class="text-navy dark-mode:text-white">
-          <h2 class="m-0 text-lg font-bold">6 Kahibah Road, Umina Beach, NSW</h2>
-        </a>
-        <p class="mt-0">
-          S4.55 to Modify Approved Dwelling and Garage including Deletion of Clerestory, Addition of Laminated Beam, Relocation of Laundry, Deletion of Stairs and&hellip;
-        </p>
-        <p class="mb-0">
-          <a href="#" class="text-navy dark-mode:text-white">Add your own comment</a>
-        </p>      
-      </td>
-    </tr>
-  </table>
+  <x-application>
+    S4.55 to Modify Approved Dwelling and Garage including Deletion of Clerestory, Addition of Laminated Beam,
+    Relocation of Laundry, Deletion of Stairs and&hellip;
+  </x-application>
   <x-divider space-y="24px" class="bg-slate-200" />
-  <table>
-    <tr>
-      <td class="w-[180px]" valign="top">
-        <img alt="Map of 50 Illawarra Road Marrickville 2204" src="https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyCmdTv4mqSQKa2BfUvQUU3mEuj6vxnEiHI&amp;maptype=roadmap&amp;markers=color%3Ared%7C-33.90413%2C151.16163&amp;size=150x150&amp;zoom=16&amp;signature=i7QiFQ-M5phHMw9HKccQv-gReEc=" width="150" height="150">
-      </td>
-      <td valign="top">
-        <a href="#" class="text-navy dark-mode:text-white">
-          <h2 class="m-0 text-lg font-bold">6 Kahibah Road, Umina Beach, NSW</h2>
-        </a>
-        <p class="mt-0">
-          Building subdivision
-        </p>
-        <p class="mb-0">
-          <a href="#" class="text-navy dark-mode:text-white">Add your own comment</a>
-        </p>      
-      </td>
-    </tr>
-  </table>
+  <x-application>
+    Building subdivision
+  </x-application>
   <x-divider space-y="24px" class="bg-slate-200" />
   <x-spacer height="16px" />
   <x-button href="#">