🗒️ Reformat Files for eventDetailsComponent Branch

devsoc-unsw · Dec 9, 2024 · 0dd6163 · 0dd6163
1 parent bc1a4c9
commit 0dd6163
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 30 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>
   );