From bf5b3ab5a68cbdd9499586bb80512c48880000ab Mon Sep 17 00:00:00 2001
From: Celine Choi <celinejwchoi@berkeley.edu>
Date: Wed, 11 Oct 2023 19:48:24 -0700
Subject: [PATCH] removed fortawesome package and replaced icons

---
 src/app/storefront/Shopping_Cart_01.png | Bin 0 -> 633 bytes
 src/app/storefront/User_01.png          | Bin 0 -> 585 bytes
 src/app/storefront/page.tsx             |   9 +++++----
 src/app/storefront/styles.ts            |   7 ++++---
 4 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 src/app/storefront/Shopping_Cart_01.png
 create mode 100644 src/app/storefront/User_01.png

diff --git a/src/app/storefront/Shopping_Cart_01.png b/src/app/storefront/Shopping_Cart_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bf09887ada395900d3fc45e0a9ef77eb9ed0f3c
GIT binary patch
literal 633
zcmV-<0*3vGP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0uD(;K~#7F?N`BV
z!axul5<mFG>A+MFQb9}wF%<-!`O!hr0ZIix2hJ})><U5$aVo&i{Kzi1C#=)iKHFGI
zBt}}Ty|*Xk_Qrb$aKRtKp!nkZ{*qiIuNm1q&+`mD!!zE;WPv=h-;#~cGX`dWsu9TJ
zR*2kFHFoF`S7w0AFI$jGC`8W~lnqct7UWnXnb<jylfBU*6IT+fk5BZ2QBm+-MIt9L
zbDwM~&t1XQeT3TLbu9^Eno~70s4pfrOV|d|0vK5_epNG1i*t<b1Ok*SsE&mGG(&Vp
zC_Xg@>PRHwAJ84T6US&mLKJ)yXQ7F;g<eR4CL{!%n-(n~g!;;MwzJ5Egw{nDaq6u|
zZG$c(67hFv54{z!ZE%1Zuo%egp|sKFAmjO5MLv^8tw;!wFPx6}w&1(T+BV?94XKdW
zpwMm`fCX9F_FYNvHaw9X&e6WxlF+M&ltdbVtC&<>6J3P4A~!=fWMq>vB3=!FnGiT$
zM#R5BDV{&KcXJBVMToJ6ssiT+WW1OOnu18gWCtOmV+)DJmi$P@wuKmDFLCQ$x-=_B
zQQ5jz+*tB_Gr#Jqa3!ICaLLy_IRjP_+gS2-bt0))AQu@Xmz5E!6sDAq@0o!yltKL!
z$SreTp>$wkO6k_NeT@qI5Qf7ci|<y4paeQETNO=7XwElITa%DIQ~C!k_z(C6cjmNu
Tw`Va100000NkvXXu0mjfkZK2m

literal 0
HcmV?d00001

diff --git a/src/app/storefront/User_01.png b/src/app/storefront/User_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..83803efe8c40e24e817dfe0199f7371c600db7c2
GIT binary patch
literal 585
zcmV-P0=E5$P)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p3YOK~#7F?N`xJ
z!!QgLg^zxQ2?!Ik8#GKn*&rLVOwh0aOn^H9FhRovlnI&*$Y=lHi71EYB~I+Rcm3$Q
z)2T^h>DiVgm*|8e!WnrWilP{54w>*Hq=0-v9?P;U$PvyYKwtrtSxhnzc_0UzyBO~f
zFpzr)2YjPyLSslW91dx_-M&+3@D@P6MbZ|VRM{jH8gOdF`E!R|*2hj`K>aZh{nTM+
zL?;v)^)iRHWw@+FDFGs~6Nt5aXcBAD^A5XY$37^D`s~ltZ2v*tFXVAahX8`CWWP81
zm_`*+dC%Wp$N^3jQ}TfWB<giRRq3vCC5POhYWB_v-`<fz&8Vu7q=GLI+mIu?NGLM(
z3Y0E0KT7y?QJy((!xVBwf4RV|Jja5(k|TPPkl>sLa}~G=1;n_t^Ijz6{I4LfyviZm
zs<|MQLW)<1`%9w8-1uB_nh1;`UvmD}T`iiwt9rrX#<UOQ4pBQaU43I`tWkxn_c)uQ
z6?s5aSZf76vp9&MHu8Awv$x{ogQ}e2{K%W^Yz-_EZG4kU#?_agX`7vm#7OkM-7pt@
z+h$<fj^CRRX0umm*S>(urt&^$85GOUg2JGvT{nHaXc@$8xe$f=@4){{MnMYK35UiH
Xf{mH=w)Ge{00000NkvXXu0mjf?aTki

literal 0
HcmV?d00001

diff --git a/src/app/storefront/page.tsx b/src/app/storefront/page.tsx
index a624b6c0..d6a8338e 100644
--- a/src/app/storefront/page.tsx
+++ b/src/app/storefront/page.tsx
@@ -1,8 +1,9 @@
 'use client';
 
 import React from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faShoppingCart, faUser } from '@fortawesome/free-solid-svg-icons';
+import Image from 'next/image';
+import ShoppingCartImage from './Shopping_Cart_01.png';
+import UserProfileImage from './User_01.png';
 import { GlobalStyle, Button } from './styles';
 
 function handleCheckoutClick() {
@@ -18,11 +19,11 @@ export default function App() {
     <main>
       <GlobalStyle />
       <Button onClick={handleCheckoutClick}>
-        <FontAwesomeIcon icon={faShoppingCart} />
+        <Image src={ShoppingCartImage} alt="Cart" />
         <div>Cart</div>
       </Button>
       <Button onClick={handleProfileClick}>
-        <FontAwesomeIcon icon={faUser} />
+        <Image src={UserProfileImage} alt="Profile" />
         <div>Profile</div>
       </Button>
     </main>
diff --git a/src/app/storefront/styles.ts b/src/app/storefront/styles.ts
index 051a10c0..f2bc5596 100644
--- a/src/app/storefront/styles.ts
+++ b/src/app/storefront/styles.ts
@@ -7,7 +7,8 @@ export const GlobalStyle = createGlobalStyle`
 `;
 
 export const Button = styled.button`
-  margin: 10px;
+  margin-top: 30px;
+  margin-right: 25px;
   color: black;
   text-align: center;
   font-family: sans-serif;
@@ -15,8 +16,8 @@ export const Button = styled.button`
   font-style: normal;
   font-weight: normal;
   line-height: normal;
-  width: 50px;
-  height: 50px;
+  width: 70px;
+  height: 70px;
   background: transparent;
   border: transparent;
   float: right;