From 2a8ec7f9f08d4d56dd715683b359be1f367908e5 Mon Sep 17 00:00:00 2001
From: Nikhil Trehan <trehan.nikhil@gmail.com>
Date: Fri, 9 Aug 2024 23:07:41 -0400
Subject: [PATCH 1/2] Migrated Checkin Button to Material UI

---
 .../presentational/CheckInButtons.js          | 31 ++++++++++++-------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/client/src/components/presentational/CheckInButtons.js b/client/src/components/presentational/CheckInButtons.js
index ce60f42eb..08acfbce8 100644
--- a/client/src/components/presentational/CheckInButtons.js
+++ b/client/src/components/presentational/CheckInButtons.js
@@ -1,28 +1,35 @@
-import React from "react";
-import { Link } from "react-router-dom";
-
-import "../../sass/Home.scss";
+import React from 'react';
+import { Link } from 'react-router-dom';
+import Button from '@mui/material/Button';
 
 const CheckInButtons = (props) => {
   return (
     <>
-      <Link
+      <Button
+        component={Link}
         to={`/checkIn/returningUser?eventId=${props.event}`}
-        className={`home-button ${props.disabled && "disabled"}`}
+        disabled={props.disabled}
+        variant="text"
       >
         CHECK IN AS RETURNING USER
-      </Link>
-      <Link
+      </Button>
+      <Button
+        component={Link}
         to={`/checkIn/newUser?eventId=${props.event}`}
-        className={`home-button ${props.disabled && "disabled"}`}
+        disabled={props.disabled}
+        variant="text"
       >
         CHECK IN AS NEW USER
-      </Link>
+      </Button>
      
       {props.events.length > 1 && (
-        <Link to={`/newProfile`} className={`home-button`}>
+        <Button
+          component={Link}
+          to={`/newProfile`}
+          variant="text"
+        >
           CREATE A NEW PROFILE
-        </Link>
+        </Button>
       )}
     </>
   );

From 83553c2ab425f843912be2c476f88562ce41d603 Mon Sep 17 00:00:00 2001
From: Nikhil Trehan <trehan.nikhil@gmail.com>
Date: Mon, 3 Mar 2025 17:25:21 -0500
Subject: [PATCH 2/2] 1683 Changed the button varient to Outlined and added a
 small margin

---
 client/src/components/presentational/CheckInButtons.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/client/src/components/presentational/CheckInButtons.jsx b/client/src/components/presentational/CheckInButtons.jsx
index 08acfbce8..67585ae4b 100644
--- a/client/src/components/presentational/CheckInButtons.jsx
+++ b/client/src/components/presentational/CheckInButtons.jsx
@@ -9,7 +9,8 @@ const CheckInButtons = (props) => {
         component={Link}
         to={`/checkIn/returningUser?eventId=${props.event}`}
         disabled={props.disabled}
-        variant="text"
+        variant="outlined"
+        sx={{ mb: 1}}
       >
         CHECK IN AS RETURNING USER
       </Button>
@@ -17,16 +18,16 @@ const CheckInButtons = (props) => {
         component={Link}
         to={`/checkIn/newUser?eventId=${props.event}`}
         disabled={props.disabled}
-        variant="text"
+        variant="outlined"
+        sx={{ mb: 1 }}
       >
         CHECK IN AS NEW USER
       </Button>
-     
       {props.events.length > 1 && (
         <Button
           component={Link}
           to={`/newProfile`}
-          variant="text"
+          variant="outlined"
         >
           CREATE A NEW PROFILE
         </Button>