chore: cleaned up the naming of components, apis, and pgaes.

components/dashboard/admin/artistRequest.tsx

@@ -9,7 +9,7 @@ import { useEffect, useState } from "react";
 
 
 
-export default function ArtistRequest({id,userid,username,message,date,reload}) {
+export default function AdminArtistRequest({id,userid,username,message,date,reload}) {
 
 
   useEffect(() => {

pages/api/admin/artists.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { offset, pageSize } = req.body;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtists?offset='+offset+'&pageSize='+pageSize, {

pages/api/admin/artists/[artistId].tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { artistId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtists/'+userId, {

pages/api/admin/artists/[artistId]/suspend.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtists/'+userId+"/Suspend", {

pages/api/admin/artists/[artistId]/terminate.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtists/'+userId+"/Terminate", {

pages/api/admin/artists/[artistId]/unsuspend.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtists/'+userId+"/Unsuspend", {

pages/api/admin/artists/count.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtists/Count', {
     headers: {

pages/api/admin/requests.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { offset, pageSize } = req.body;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtistRequests?offset='+offset+'&pageSize='+pageSize, {

pages/api/admin/requests/[requestId].tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { requestId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtistRequests/'+requestId, {

pages/api/admin/requests/count.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminArtistRequests/Count', {
     headers: {

pages/api/admin/users.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { offset, pageSize } = req.body;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers?offset='+offset+'&pageSize='+pageSize, {

pages/api/admin/users/[userId].tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers/'+userId, {

pages/api/admin/users/[userId]/ban.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers/'+userId+"/Ban", {

pages/api/admin/users/[userId]/suspend.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers/'+userId+"/Suspend", {

pages/api/admin/users/[userId]/unban.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers/'+userId+"/Unban", {

pages/api/admin/users/[userId]/unsuspend.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { userId } = req.query;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers/'+userId+"/Unsuspend", {

pages/api/admin/users/count.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/admin/AdminUsers/Count', {
     headers: {

pages/api/artist/requests/[requestId]/accept.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Artist/'+requestId+'/Accept', {

pages/api/artist/requests/[requestId]/assets.tsx

@@ -6,7 +6,7 @@ async function createBlobFromFile(path: string): Promise<Blob> {
   const file = await fs.readFile(path);
   return new Blob([file]);
 }
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
     const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Artist/'+requestId+'/Assets', {

pages/api/artist/requests/[requestId]/assets/[assetId].tsx

@@ -3,7 +3,7 @@ import axios from 'axios';
 import fs from 'fs';
 import path from 'path';
 
-export default withApiAuthRequired(async function references(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
     const { accessToken } = await getAccessToken(req, res);
     const requestId = req.query.requestId;
     const assetId = req.query.assetId;

pages/api/artist/requests/[requestId]/complete.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Artist/'+requestId+'/Complete', {

pages/api/artist/requests/[requestId]/deny.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Artist/'+requestId+'/Deny', {

pages/api/artist/requests/[requestId]/details.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function requestDetails(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Artist/'+requestId, {

pages/api/artist/requests/[requestId]/references/[referenceId].tsx

@@ -3,7 +3,7 @@ import axios from 'axios';
 import fs from 'fs';
 import path from 'path';
 
-export default withApiAuthRequired(async function references(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
     const { accessToken } = await getAccessToken(req, res);
     const requestId = req.query.requestId;
     const referenceId = req.query.referenceId;

pages/api/me.tsx

@@ -3,7 +3,7 @@ import { withApiAuthRequired } from "@auth0/nextjs-auth0";
 import { getAccessToken } from '@auth0/nextjs-auth0';
 
 
-export default withApiAuthRequired(async function me(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
     if(req.method !== 'GET') {
         ////console.log(req.body)
         const { accessToken } = await getAccessToken(req, res);

pages/api/requestcount.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { completed, declined, accepted, paid, offset, pageSize } = req.body;
   const apiUrl = `${process.env.NEXT_PUBLIC_API_URL}/api/Requests/Customer/Count?completed=${completed}&declined=${declined}&accepted=${accepted}&paid=${paid}&offset=${offset}&pageSize=${pageSize}`;

pages/api/requests.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function onboardUrl(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const { completed, declined, accepted, paid, offset, pageSize } = req.body;
   const apiUrl = `${process.env.NEXT_PUBLIC_API_URL}/api/Requests/Customer?completed=${completed}&declined=${declined}&accepted=${accepted}&paid=${paid}&offset=${offset}&pageSize=${pageSize}`;

pages/api/requests/[requestId]/assets.tsx

@@ -6,7 +6,7 @@ async function createBlobFromFile(path: string): Promise<Blob> {
   const file = await fs.readFile(path);
   return new Blob([file]);
 }
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
     const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Customer/'+requestId+'/Assets', {

pages/api/requests/[requestId]/assets/[assetId].tsx

@@ -3,7 +3,7 @@ import axios from 'axios';
 import fs from 'fs';
 import path from 'path';
 
-export default withApiAuthRequired(async function references(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
     const { accessToken } = await getAccessToken(req, res);
     const requestId = req.query.requestId;
     const assetId = req.query.assetId;

pages/api/requests/[requestId]/details.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function requestDetails(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Customer/'+requestId, {

pages/api/requests/[requestId]/payment.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Customer/'+requestId+'/Payment', {

pages/api/requests/[requestId]/references.tsx

@@ -6,7 +6,7 @@ async function createBlobFromFile(path: string): Promise<Blob> {
   const file = await fs.readFile(path);
   return new Blob([file]);
 }
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
     const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Customer/'+requestId+'/References', {

pages/api/requests/[requestId]/references/[referenceId].tsx

@@ -3,7 +3,7 @@ import axios from 'axios';
 import fs from 'fs';
 import path from 'path';
 
-export default withApiAuthRequired(async function references(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
     const { accessToken } = await getAccessToken(req, res);
     const requestId = req.query.requestId;
     const referenceId = req.query.referenceId;

pages/api/requests/[requestId]/review.tsx

@@ -1,6 +1,6 @@
 import { getAccessToken, withApiAuthRequired, getSession } from '@auth0/nextjs-auth0';
 
-export default withApiAuthRequired(async function products(req, res) {
+export default withApiAuthRequired(async function handler(req, res) {
   const { accessToken } = await getAccessToken(req, res);
   const requestId = req.query.requestId;
   const response = await fetch(process.env.NEXT_PUBLIC_API_URL+'/api/Requests/Customer/'+requestId+'/Review', {

pages/box/[artistName].tsx

@@ -23,7 +23,7 @@ import { profile } from "console";
 import FileOpen from "@mui/icons-material/FileOpen";
 import Reviews from "../../components/dashboard/artist/reviews";
 
-const Profile = () => {
+const ArtistBox = () => {
 
     const [profileData, setArtistData] = useState(null);
     const [description, setDescription] = useState("");
@@ -252,6 +252,6 @@ const Profile = () => {
 };
 
 // Protected route, checking user authentication client-side.(CSR)
-export default withPageAuthRequired(Profile);
+export default withPageAuthRequired(ArtistBox);
 
 

pages/dashboard/artist/requests/[requestId].tsx

@@ -293,11 +293,12 @@ const ArtistRequestDetails = () => {
   )
   :(
     <>
+      <Box sx={{paddingTop:"20%", textAlign:"center"}}>
         <Typography variant="h6" component="h6" gutterBottom>
             Loading...
         </Typography>
-        <Box sx={{paddingTop:"20%"}}></Box>
         <CircularProgress/>
+      </Box>
     </>
   )}
 </>

pages/dashboard/requests/[requestId].tsx

@@ -309,11 +309,12 @@ const RequestDetails = () => {
   )
   :(
     <>
-        <Typography variant="h6" component="h6" gutterBottom>
+    <Box sx={{paddingTop:"20%", textAlign:"center"}}>
-            Loading...
+      <Typography variant="h6" component="h6" gutterBottom>
-        </Typography>
+          Loading...
-        <Box sx={{paddingTop:"20%"}}></Box>
+      </Typography>
-        <CircularProgress/>
+      <CircularProgress/>
+    </Box>
     </>
   )}
 </>