From 6cb5dbc2a9a9967db3dbf1f80836930f5d80c348 Mon Sep 17 00:00:00 2001
From: Damien Ostler <damien.ostler@data443.com>
Date: Sun, 11 Feb 2024 21:19:40 -0500
Subject: [PATCH] added tooltips

---
 components/artist.tsx | 15 ++++++++++++---
 pages/index.tsx       |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/components/artist.tsx b/components/artist.tsx
index 5abb620..174dca1 100644
--- a/components/artist.tsx
+++ b/components/artist.tsx
@@ -16,13 +16,14 @@ import AccordionDetails from '@mui/material/AccordionDetails';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ArtistPortfolio from './artistPortfolio';
 import Button from '@mui/material/Button';
+import Tooltip from '@mui/material/Tooltip';
 import { useEffect, useState } from "react";
 import { fetchSeller } from "../services/DiscoveryService";
 
 
 import { IconButton } from '@mui/material';
 
-const Artist = ({artistId}) => {
+const Artist = ({user, artistId}) => {
   const [sellerData, setSellerData] = useState([]);
   useEffect(() => {
     const getData = async () => {
@@ -53,8 +54,16 @@ const Artist = ({artistId}) => {
         </Grid>
         <Grid item xs={6} md={4}>
           <Grid item xs={6} md={4}>
-            <Button color="secondary" variant='contained' sx={{width:150  }}>Request Order</Button>
-            <Button href={"seller/"+artistId} color="primary" variant='contained' sx={{width:150, marginTop:2}}>View Profile</Button>
+            <Button href={"seller/"+artistId} color="primary" variant='contained' sx={{width:150}}>View Profile</Button>
+              {user ? (
+                <Button color="secondary" variant='contained' sx={{ width: 150, marginTop:2 }}>Request Order</Button>
+              ) : (
+                <Tooltip title="Log in order to place a request.">
+                  <span>
+                    <Button disabled color="secondary" variant='contained' sx={{ width: 150, marginTop:2 }}>Request Order</Button>
+                  </span>
+                </Tooltip>
+              )}
           </Grid>
         </Grid>
         <Grid item xs={12} md={12}>
diff --git a/pages/index.tsx b/pages/index.tsx
index b231e22..c626926 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -62,7 +62,7 @@ const Home = () => {
       ) : (
         <>
           {sellersData.map((item) => (
-            <Artist artistId={item.id} />
+            <Artist user={user} artistId={item.id} />
           ))}
         </>
       )}