From 7a6ca90bce4e6ffa16d6a45d4885ad111c9305f7 Mon Sep 17 00:00:00 2001
From: jeffplays2005 <jeffery20050811@gmail.com>
Date: Sun, 27 Oct 2024 22:32:03 +1300
Subject: [PATCH] Update comment for AdminEventView

* Also remove `relative` from ReusableButtons as already exists
---
 .../Admin/AdminEventView/AdminEventView.tsx   |   2 +-
 .../generic/ReusableButtons/Button.tsx        | 124 +++++++++---------
 2 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/client/src/components/composite/Admin/AdminEventView/AdminEventView.tsx b/client/src/components/composite/Admin/AdminEventView/AdminEventView.tsx
index f5975c6a6..4bbcf9486 100644
--- a/client/src/components/composite/Admin/AdminEventView/AdminEventView.tsx
+++ b/client/src/components/composite/Admin/AdminEventView/AdminEventView.tsx
@@ -26,7 +26,7 @@ interface IAdminEventView {
    * A list of _all_ {@link Event}s which should either be mocked
    * or fetched from the backend. **NO** pre-processing should be
    * performed on this list as it will be further mutated in the
-   * {@link EventsPage} component.
+   * {@link AdminEventViewContent} component.
    */
   rawEvents?: Event[]
 
diff --git a/client/src/components/generic/ReusableButtons/Button.tsx b/client/src/components/generic/ReusableButtons/Button.tsx
index 418a53284..aaf3803db 100644
--- a/client/src/components/generic/ReusableButtons/Button.tsx
+++ b/client/src/components/generic/ReusableButtons/Button.tsx
@@ -10,27 +10,27 @@ const V1 = ({ children, props }: props) => {
     <button
       {...props}
       className="
-          before:ease w-50 relative 
-          relative 
+          before:ease w-50
+          relative
           m-8 flex h-12
           h-[60px] overflow-hidden
-          rounded-full 
-          border border-black bg-transparent 
-          p-3 
-          font-semibold before:absolute 
-          before:left-0 
-          before:-ml-2 
-          before:h-48 
-          before:w-48 
-          before:origin-top-right 
-          before:-translate-x-full 
-          before:translate-y-12 
-          before:-rotate-90 
-          before:bg-blue-700 
-          before:transition-all 
-          before:duration-300 
-          hover:bg-blue-200 
-          hover:text-white 
+          rounded-full
+          border border-black bg-transparent
+          p-3
+          font-semibold before:absolute
+          before:left-0
+          before:-ml-2
+          before:h-48
+          before:w-48
+          before:origin-top-right
+          before:-translate-x-full
+          before:translate-y-12
+          before:-rotate-90
+          before:bg-blue-700
+          before:transition-all
+          before:duration-300
+          hover:bg-blue-200
+          hover:text-white
           hover:before:-rotate-180"
     >
       <span className="relative z-10 hover:text-white">{children}</span>
@@ -43,26 +43,26 @@ const V2 = ({ children, props }: props) => {
     <button
       {...props}
       className="
-        relative m-8 flex 
+        relative m-8 flex
         h-[50px]
-        w-40 items-center 
-        justify-center 
-        overflow-hidden 
-        rounded-full 
-        bg-blue-600 
-        font-medium 
-        text-white 
-        shadow-2xl 
-        transition-all 
-        duration-300 
-        before:absolute 
-        before:inset-0 
-        before:border-0 
-        before:border-white 
-        before:duration-100 
-        before:ease-linear 
-        hover:bg-white 
-        hover:text-blue-600 
+        w-40 items-center
+        justify-center
+        overflow-hidden
+        rounded-full
+        bg-blue-600
+        font-medium
+        text-white
+        shadow-2xl
+        transition-all
+        duration-300
+        before:absolute
+        before:inset-0
+        before:border-0
+        before:border-white
+        before:duration-100
+        before:ease-linear
+        hover:bg-white
+        hover:text-blue-600
         hover:shadow-blue-600
         hover:before:border-[25px]
       "
@@ -77,26 +77,26 @@ const SignUp = ({ children, props }: props) => {
     <button
       {...props}
       className="
-        relative m-8 flex 
+        relative m-8 flex
         h-[60px] w-40
-        items-center 
-        justify-center 
-        overflow-hidden 
-        border 
+        items-center
+        justify-center
+        overflow-hidden
+        border
         border-black
         bg-white
-        text-black 
-        shadow-2xl 
-        transition-all 
+        text-black
+        shadow-2xl
+        transition-all
         before:absolute
         before:h-0
-        before:w-0 
-        before:rounded-full 
-        before:bg-blue-600 
-        before:duration-700 
-        before:ease-out 
-        hover:shadow-blue-600 
-        hover:before:h-56 
+        before:w-0
+        before:rounded-full
+        before:bg-blue-600
+        before:duration-700
+        before:ease-out
+        hover:shadow-blue-600
+        hover:before:h-56
         hover:before:w-56"
     >
       <span className="relative z-10 hover:text-white">{children}</span>
@@ -111,16 +111,16 @@ const Small = ({ children, props }: props) => {
       type="button"
       className="
         position:relative
-        dark:focus: 
-        ml-8 
-        rounded-lg bg-gradient-to-r from-blue-500 
-        via-blue-600 
-        to-blue-700 
-        px-5 
-        py-2.5 
+        dark:focus:
+        ml-8
+        rounded-lg bg-gradient-to-r from-blue-500
+        via-blue-600
+        to-blue-700
+        px-5
+        py-2.5
         text-center
-        text-sm 
-        font-medium text-white shadow-lg shadow-blue-500/50 
+        text-sm
+        font-medium text-white shadow-lg shadow-blue-500/50
         ring-blue-800 hover:bg-gradient-to-br focus:outline-none focus:ring-4 focus:ring-blue-300 dark:shadow-lg dark:shadow-blue-800/80"
     >
       {children}