From 2740efafee3456671f079b06b301b6aacf409bd8 Mon Sep 17 00:00:00 2001
From: HappNTH <crayner.auburn@yahoo.co.uk>
Date: Thu, 10 Oct 2024 21:07:46 +0000
Subject: [PATCH] Fix a typo, hide society info if it isn't provided

---
 components/booking/AccessibilityInput.vue             |  4 ++--
 components/booking/overview/AccessibilityOverview.vue |  4 ++--
 pages/society/[slug]/index.vue                        | 11 +++++------
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/components/booking/AccessibilityInput.vue b/components/booking/AccessibilityInput.vue
index a16265b04..ef191d82c 100644
--- a/components/booking/AccessibilityInput.vue
+++ b/components/booking/AccessibilityInput.vue
@@ -31,8 +31,8 @@
         Any accessibility requirements you chose to share with us will be
         communicated by email to the production team. We cannot guarantee that
         your requirements can be met, though a member of the team will be in
-        touch to discuss your needs if required. If you have any questions,
-        please support@uobtheatre.com.
+        touch to discuss your requirements if needed. If you have any questions,
+        please email support@uobtheatre.com.
       </template>
     </form-label>
   </UiCard>
diff --git a/components/booking/overview/AccessibilityOverview.vue b/components/booking/overview/AccessibilityOverview.vue
index d4521639e..a64b11013 100644
--- a/components/booking/overview/AccessibilityOverview.vue
+++ b/components/booking/overview/AccessibilityOverview.vue
@@ -12,7 +12,7 @@
             {{ booking.accessibilityInfo }}
           </p>
           <UiStaButton
-            class="bg-sta-orange hover:bg-sta-orange-dark transition-colors lg:mx-8 mx-4"
+            class="bg-sta-orange hover:bg-sta-orange-dark transition-colors mx-2"
             @click="
               () => {
                 changingAccessibility = true;
@@ -35,7 +35,7 @@
             />
           </form-label>
           <UiStaButton
-            class="bg-sta-green hover:bg-sta-green-dark transition-colors lg:mx-8 mx-4"
+            class="bg-sta-green hover:bg-sta-green-dark transition-colors mx-2"
             @click="
               () => {
                 booking.accessibilityInfo = newAccessibility;
diff --git a/pages/society/[slug]/index.vue b/pages/society/[slug]/index.vue
index bca3ba673..d389bc74c 100644
--- a/pages/society/[slug]/index.vue
+++ b/pages/society/[slug]/index.vue
@@ -78,6 +78,7 @@
             />
           </div>
           <div
+            v-if="society.website || society.contact"
             class="flex justify-center w-full lg:w-3/4 p-4 bg-sta-gray-light rounded-lg"
           >
             <div>
@@ -86,9 +87,9 @@
               </h2>
               <table class="table-auto mt-2">
                 <tbody>
-                  <tr>
+                  <tr v-if="society.website">
                     <th class="align-top pb-2 pr-2">Website:</th>
-                    <td v-if="society.website" class="align-top">
+                    <td class="align-top">
                       <a
                         :href="society.website"
                         target="_blank"
@@ -98,11 +99,10 @@
                         {{ society.website }}
                       </a>
                     </td>
-                    <td v-else class="align-top">No Website Listed</td>
                   </tr>
-                  <tr>
+                  <tr v-if="society.contact">
                     <th class="align-top pr-2">Contact:</th>
-                    <td v-if="society.contact" class="align-top">
+                    <td class="align-top">
                       <a
                         :href="`mailto:${society.contact}`"
                         target="_blank"
@@ -112,7 +112,6 @@
                         {{ society.contact }}
                       </a>
                     </td>
-                    <td v-else class="align-top">No Email Listed</td>
                   </tr>
                 </tbody>
               </table>