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

fix: name not being returned

Browse Source
This commit is contained in:
Damien Ostler 2024-02-18 07:23:34 -05:00
parent 565cb5dffb
commit b9aed8f3bb
2 changed files with 80 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
pages/api/artist/profile.tsx
View File

@ -2,13 +2,28 @@ import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-a
export default withApiAuthRequired(async function sellerProfile(req, res) {
const { accessToken } = await getAccessToken(req, res);
const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/SellerProfile', {
headers: {
"Authorization": `Bearer ${accessToken}`
}
});
let result = await response.json();
res.status(200).json(result);
if(req.method !== 'GET') {
const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/SellerProfile', {
headers: {
"Authorization": `Bearer ${accessToken}`,
"Content-Type": "application/json"
},
method: "PUT",
body: req.body
});
let result = await response.json();
res.status(200).json(result);
}
else{
const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/SellerProfile', {
headers: {
"Authorization": `Bearer ${accessToken}`
}
});
let result = await response.json();
res.status(200).json(result);
}
});

65
pages/dashboard/artist/artistsettings.tsx
View File

@ -11,10 +11,59 @@ import Divider from '@mui/material/Divider';
const ArtistSettings = () => {
const {user, isLoading} = useUser();
const [name, setName] = useState("");
const [description, setDescription] = useState("");
const [social1, setSocial1] = useState("");
const [social2, setSocial2] = useState("");
const [social3, setSocial3] = useState("");
const [social4, setSocial4] = useState("");
const [guidelines, setGuidelines] = useState("");
const [saved, setSaved] = useState(false);
const [profileData, setSellerProfileData] = useState(null);
const handleDisplayNameChange = (event) => {
setName(event.target.value);
}
const handleBiographyChange = (event) => {
setDescription(event.target.value);
}
const handleSocial1Change = (event) => {
setSocial1(event.target.value);
}
const handleSocial2Change = (event) => {
setSocial2(event.target.value);
}
const handleSocial3Change = (event) => {
setSocial3(event.target.value);
}
const handleSocial4Change = (event) => {
setSocial4(event.target.value);
}
const handleGuidelinesChange = (event) => {
setGuidelines(event.target.value);
}
const saveChanges = async () => {
var userResponse = await fetch('/api/artist/profile',{
method: 'PUT',
body: JSON.stringify({name: name, description: description, socialMeidaLink1: social1, socialMeidaLink2: social2, socialMeidaLink3: social3, socialMeidaLink4: social4, requestGuidelines: guidelines})
});
var user = await userResponse.json();
setSaved(true)
}
const getData = async () => {
const profileResponse = await fetch('/api/artist/profile');
const sellerProfile = await profileResponse.json();
setDescription(sellerProfile["description"]);
setName(sellerProfile["name"]);
setSocial1(sellerProfile["socialMeidaLink1"]);
setSocial2(sellerProfile["socialMeidaLink2"]);
setSocial3(sellerProfile["socialMeidaLink3"]);
setSocial4(sellerProfile["socialMeidaLink4"]);
setGuidelines(sellerProfile["requestGuidelines"]);
setSellerProfileData(sellerProfile);
}
@ -31,34 +80,34 @@ const ArtistSettings = () => {
<Typography variant="h5" gutterBottom>General Settings</Typography>
</Grid>
<Grid item xs={12} md={4} >
<Button variant="contained" color="success" fullWidth>Save Changes</Button>
<Button variant="contained" onClick={saveChanges} color="success" fullWidth>{saved ? "Saved" : "Save Changes"}</Button>
</Grid>
<Grid item xs={12} md={12} >
<Grid container spacing={2} sx={{paddingTop:"2%"}}>
<Grid item xs={12} md={12} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" label="Shop Name" size="small" variant="outlined" fullWidth />
<TextField id="outlined-basic" label="Shop Name" value={name} onChange={handleDisplayNameChange} size="small" variant="outlined" fullWidth />
</Grid>
<Grid item xs={12} md={12} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" multiline rows={7} size="small" label="Shop Description" variant="outlined" fullWidth />
<TextField id="outlined-basic" multiline rows={7} value={description} onChange={handleBiographyChange} size="small" label="Shop Description" variant="outlined" fullWidth />
</Grid>
</Grid>
</Grid>
<Grid item xs={12} md={12} >
<Grid container spacing={2} sx={{paddingTop:"2%"}}>
<Grid item xs={12} md={6} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" label="Social Media 1" type="url" size="small" variant="outlined" fullWidth />
<TextField id="outlined-basic" label="Social Media 1" value={social1} onChange={handleSocial1Change} type="url" size="small" variant="outlined" fullWidth />
</Grid>
<Grid item xs={12} md={6} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" label="Social Media 2" type="url" size="small" variant="outlined" fullWidth />
<TextField id="outlined-basic" label="Social Media 2" value={social2} onChange={handleSocial2Change} type="url" size="small" variant="outlined" fullWidth />
</Grid>
<Grid item xs={12} md={6} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" label="Social Media 3" type="url" size="small" variant="outlined" fullWidth />
<TextField id="outlined-basic" label="Social Media 3" value={social3} onChange={handleSocial3Change} type="url" size="small" variant="outlined" fullWidth />
</Grid>
<Grid item xs={12} md={6} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" label="Social Media 4" type="url" size="small" variant="outlined" fullWidth />
<TextField id="outlined-basic" label="Social Media 4" value={social4} onChange={handleSocial4Change} type="url" size="small" variant="outlined" fullWidth />
</Grid>
<Grid item xs={12} md={12} sx={{paddingTop:"2%"}}>
<TextField id="outlined-basic" multiline rows={5} size="small" label="Your request guidelines" variant="outlined" fullWidth />
<TextField id="outlined-basic" multiline rows={5} size="small" label="Your request guidelines" value={guidelines} onChange={handleGuidelinesChange} variant="outlined" fullWidth />
</Grid>
</Grid>
</Grid>