damien/comissions-app-ui
1
0
Fork 0
mirror of https://github.com/D4M13N-D3V/comissions-app-ui.git synced 2025-03-14 08:15:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

added tooltips

Browse Source
This commit is contained in:
Damien Ostler 2024-02-11 21:19:40 -05:00
parent f1514c39a8
commit 6cb5dbc2a9
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/artist.tsx
View File

@ -16,13 +16,14 @@ import AccordionDetails from '@mui/material/AccordionDetails';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import ArtistPortfolio from './artistPortfolio'; import ArtistPortfolio from './artistPortfolio';
import Button from '@mui/material/Button'; import Button from '@mui/material/Button';
import Tooltip from '@mui/material/Tooltip';
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { fetchSeller } from "../services/DiscoveryService"; import { fetchSeller } from "../services/DiscoveryService";
import { IconButton } from '@mui/material'; import { IconButton } from '@mui/material';
const Artist = ({artistId}) => { const Artist = ({user, artistId}) => {
const [sellerData, setSellerData] = useState([]); const [sellerData, setSellerData] = useState([]);
useEffect(() => { useEffect(() => {
const getData = async () => { const getData = async () => {
@ -53,8 +54,16 @@ const Artist = ({artistId}) => {
</Grid> </Grid>
<Grid item xs={6} md={4}> <Grid item xs={6} md={4}>
<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}}>View Profile</Button>
<Button href={"seller/"+artistId} color="primary" variant='contained' sx={{width:150, marginTop:2}}>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> </Grid>
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>

2
pages/index.tsx
View File

@ -62,7 +62,7 @@ const Home = () => {
) : ( ) : (
<> <>
{sellersData.map((item) => ( {sellersData.map((item) => (
<Artist artistId={item.id} /> <Artist user={user} artistId={item.id} />
))} ))}
</> </>
)} )}