From 0dd6163220e3155a690249813f8b7bc49d07b799 Mon Sep 17 00:00:00 2001
From: Vincent Tannos <tannos.vincent@gmail.com>
Date: Tue, 10 Dec 2024 01:15:28 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=97=92=EF=B8=8F=20Reformat=20Files=20for?=
 =?UTF-8?q?=20eventDetailsComponent=20Branch?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/Button/Button.tsx             | 16 +++++--------
 frontend/src/Event/Event.tsx               |  2 +-
 frontend/src/EventDetails/EventDetails.tsx |  4 +++-
 frontend/src/Keyword/Keyword.tsx           | 26 ++++++++++++----------
 frontend/src/ShareButton/ShareButton.tsx   |  8 +++----
 5 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/frontend/src/Button/Button.tsx b/frontend/src/Button/Button.tsx
index b29dd45..8bdb35f 100644
--- a/frontend/src/Button/Button.tsx
+++ b/frontend/src/Button/Button.tsx
@@ -18,22 +18,16 @@ type ButtonProps = {
 
 function Button(props: ButtonProps) {
   return (
-    <button 
+    <button
       type={props.type}
-      className={`${classes.button} ${
-        props.className ? props.className : ""
-      }`
-    }>
+      className={`${classes.button} ${props.className ? props.className : ""}`}
+    >
       {props.variant === ButtonOptions.Plus && (
-        <PlusIcon
-          className={classes.icon}
-        ></PlusIcon>
+        <PlusIcon className={classes.icon}></PlusIcon>
       )}
 
       {props.variant === ButtonOptions.Bookmark && (
-        <BookmarkIcon
-          className={classes.icon}
-        ></BookmarkIcon>
+        <BookmarkIcon className={classes.icon}></BookmarkIcon>
       )}
 
       {props.variant === ButtonOptions.String && (
diff --git a/frontend/src/Event/Event.tsx b/frontend/src/Event/Event.tsx
index 9809f15..92f15eb 100644
--- a/frontend/src/Event/Event.tsx
+++ b/frontend/src/Event/Event.tsx
@@ -1,4 +1,4 @@
-import classes from './Event.module.css';
+import classes from "./Event.module.css";
 
 type EventProps = {
   image: string;
diff --git a/frontend/src/EventDetails/EventDetails.tsx b/frontend/src/EventDetails/EventDetails.tsx
index 8551dda..1f9b5a8 100644
--- a/frontend/src/EventDetails/EventDetails.tsx
+++ b/frontend/src/EventDetails/EventDetails.tsx
@@ -59,7 +59,9 @@ function EventDetails(props: EventDetailsProps) {
             <p className={classes.detailInfo}>{props.location}</p>
             {props.locationUrl && (
               <a href={`${props.locationUrl}`}>
-                <ArrowTopRightOnSquareIcon className={`${classes.icon} ${classes.locationLink}`}></ArrowTopRightOnSquareIcon>
+                <ArrowTopRightOnSquareIcon
+                  className={`${classes.icon} ${classes.locationLink}`}
+                ></ArrowTopRightOnSquareIcon>
               </a>
             )}
           </div>
diff --git a/frontend/src/Keyword/Keyword.tsx b/frontend/src/Keyword/Keyword.tsx
index b862af9..3a29ec3 100644
--- a/frontend/src/Keyword/Keyword.tsx
+++ b/frontend/src/Keyword/Keyword.tsx
@@ -15,21 +15,23 @@ type KeywordProps = {
 export function Keyword(props: KeywordProps) {
   return (
     <div
-      className={
-        `${props.type === KeywordOptions.Delete && classes.DeleteKeyword}
-        ${props.type === KeywordOptions.Add && classes.AddKeyword}
-        ${props.type === KeywordOptions.None && classes.NoneKeyword}`
+      className={`${
+        props.type === KeywordOptions.Delete && classes.DeleteKeyword
       }
+        ${props.type === KeywordOptions.Add && classes.AddKeyword}
+        ${props.type === KeywordOptions.None && classes.NoneKeyword}`}
     >
       <div className={classes.keywordText}>{props.children}</div>
-      {props.type !== KeywordOptions.None && <button className={classes.button}>
-        {props.type === KeywordOptions.Delete && (
-          <XMarkIcon className={classes.deleteButtonIcon} />
-        )}
-        {props.type === KeywordOptions.Add && (
-          <PlusIcon className={classes.deleteButtonIcon} />
-        )}
-      </button>}
+      {props.type !== KeywordOptions.None && (
+        <button className={classes.button}>
+          {props.type === KeywordOptions.Delete && (
+            <XMarkIcon className={classes.deleteButtonIcon} />
+          )}
+          {props.type === KeywordOptions.Add && (
+            <PlusIcon className={classes.deleteButtonIcon} />
+          )}
+        </button>
+      )}
     </div>
   );
 }
diff --git a/frontend/src/ShareButton/ShareButton.tsx b/frontend/src/ShareButton/ShareButton.tsx
index 6df77db..e560ea4 100644
--- a/frontend/src/ShareButton/ShareButton.tsx
+++ b/frontend/src/ShareButton/ShareButton.tsx
@@ -7,11 +7,9 @@ type ShareButtonProps = {
 
 function ShareButton(props: ShareButtonProps) {
   return (
-    <button 
-      className={`${classes.share} ${
-        props.className ? props.className : ""
-      }`
-    }>
+    <button
+      className={`${classes.share} ${props.className ? props.className : ""}`}
+    >
       <ShareIcon className={classes.shareIcon}></ShareIcon>
     </button>
   );