update styles for user

src/pages/cart.js

@@ -75,7 +75,7 @@ export default function Cart() {
           isError={message.error}
           message={message.message}
         />
-        <Paper sx={{ p: 1, overflowX: "scroll" }}>
+        <Paper className="shadow-none" sx={{ p: 2, overflowX: "scroll" }}>
           {cart.value.length > 0 ? (
             <Box>
               <Table>

src/pages/index.js

@@ -9,6 +9,7 @@ import PopupAlert from "@/components/PopupAlert";
 import {
   Box,
   Button,
+  CircularProgress,
   FormControl,
   FormLabel,
   MenuItem,
@@ -239,7 +240,7 @@ export default function Home() {
             ))}
           </div>
         ) : (
-          <Paper sx={{ p: 2, textAlign: "center" }}>ไม่พบรายการ</Paper>
+          <Paper className="shadow-none" sx={{ p: 2, textAlign: "center" }}><CircularProgress /></Paper>
         )}
       </div>
     </>

src/pages/order.js

@@ -62,21 +62,25 @@ export default function Order() {
           message={message.message}
         />
         <Box sx={{ maxWidth: 1200, mx: "auto" }}>
-          <Box sx={{pb:2}}>
+          <Box sx={{ pb: 2 }}>
             <Stack
               direction={"row"}
               alignItems={"center"}
               justifyContent={"end"}
             >
-              <Button
-                onClick={() => setPayFilter(!payFilter)}
-                variant={payFilter ? "contained" : "text"}
-              >
-                ดูรายกายที่ยังไม่ชำระเงิน
-              </Button>
+              {order.value?.length ? (
+                <Button
+                  onClick={() => setPayFilter(!payFilter)}
+                  variant={payFilter ? "contained" : "text"}
+                >
+                  ดูรายกายที่ยังไม่ชำระเงิน
+                </Button>
+              ) : (
+                ""
+              )}
             </Stack>
           </Box>
-          <Paper sx={{ p: 1, overflowX: "scroll" }}>
+          <Paper className="shadow-none" sx={{ p: 2, overflowX: "scroll" }}>
             {order.value?.length > 0 ? (
               <Box>
                 <Table>

src/pages/wishlist.js

@@ -116,7 +116,7 @@ export default function Wishlist() {
           isError={message.error}
           message={message.message}
         />
-        <Paper sx={{ p: 1, overflowX: "scroll" }}>
+        <Paper className="shadow-none" sx={{ p: 2, overflowX: "scroll" }}>
           {wishlist.value.length > 0 ? (
             <Table>
               <TableHead>