From f09264fd01ee7a63a4506e709a35cad2be6efef0 Mon Sep 17 00:00:00 2001
From: ttpl-rt-217 <shreyas_s@techjoomla.com>
Date: Thu, 14 Nov 2024 22:32:00 +0530
Subject: [PATCH] Issue #PS-2322 fix: Workspace UI improvements and Fixes

---
 public/delete.png                   | Bin 0 -> 285 bytes
 src/components/KaTableComponent.tsx |  29 ++++++++++++++++++++--------
 src/styles/global.css               |  26 ++++++++++++++++++++++++-
 3 files changed, 46 insertions(+), 9 deletions(-)
 create mode 100644 public/delete.png

diff --git a/public/delete.png b/public/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..51d68750ee72c0f926b90e1d09193fc7cdfd528a
GIT binary patch
literal 285
zcmeAS@N?(olHy`uVBq!ia0vp^!ayv<!3HFE@;uE1Qk(@Ik;M!Q+&~F#VMc~ob0mO*
zjKx9jP7LeL$-D$|SkfJR9T^xl_H+M9WCij!dAc};R4~4se318$0gr3$Wz|cXR!rh7
z(F$e@gagzP*p6w4TRBNAdOMZz!2E`m5YY{n<~cm_oGA1Axpi04qWspiNiXl{act_l
zasHNBzmfLkEgYS^u1t&G?#b+WZue3wbnC1RokoS^dzYU}+n8{Lq!bpstB6lF5vtZ$
z)|qKGW&h0rq17vt)Wclu<x;n;c>Q&^#jT#1=NJCH@+(+plH=9ypY`+00?%@OND(~t
ff@{r-^c{?f23|@%D*GCMu4nLc^>bP0l+XkK#%XA=

literal 0
HcmV?d00001

diff --git a/src/components/KaTableComponent.tsx b/src/components/KaTableComponent.tsx
index 0942ae9..4bcacd9 100644
--- a/src/components/KaTableComponent.tsx
+++ b/src/components/KaTableComponent.tsx
@@ -7,6 +7,7 @@ import "ka-table/style.css";
 import DeleteIcon from "@mui/icons-material/Delete";
 import router from "next/router";
 import { MIME_TYPE } from "@/utils/app.config";
+import Image from "next/image";
 
 interface CustomTableProps {
   data: any[]; // Define a more specific type for your data if needed
@@ -149,9 +150,9 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
             else if (props.column.key === 'contentAction') {
               if (props.rowData.status === "Draft") {
                 return (
-                  <IconButton
+                  <Box
                     onClick={handleDelete}
-                    color="error"
+
                   >
                     <Box sx={{
                       background: '#FAEEEC',
@@ -163,9 +164,16 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
                       alignItems: 'center'
                     }}>
 
-                      <DeleteIcon sx={{ fontSize: '18px' }} />
+                      {/* <Image src={'/logo.png'} alt="" /> */}
+                      <img
+                        src={'/delete.png'}
+                        height="25px"
+                        alt="Image"
+
+                      />
+
                     </Box>
-                  </IconButton>
+                  </Box>
                 );
               }
             }
@@ -173,9 +181,9 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
 
 
               return (
-                <IconButton
+                <Box
                   onClick={handleDelete}
-                  color="error"
+
                 >
                   <Box sx={{
                     background: '#FAEEEC',
@@ -187,9 +195,14 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
                     alignItems: 'center'
                   }}>
 
-                    <DeleteIcon sx={{ fontSize: '18px' }} />
+                    <img
+                      src={'/delete.png'}
+                      height="25px"
+                      alt="Image"
+
+                    />
                   </Box>
-                </IconButton>
+                </Box>
               );
             }
             return props.children; // Default content for other columns
diff --git a/src/styles/global.css b/src/styles/global.css
index d5eba71..cf13d2d 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
+
 .player-grid {
   height: 100%;
   width: 100%;
@@ -17,7 +19,8 @@ html,
 body {
   margin: 0;
   padding: 0;
-  background: '#F3F5F8';
+  background: 'red';
+  font-family: Poppins, sans-serif !important;
 }
 
 .drawer-select div div {
@@ -51,4 +54,25 @@ body {
 
 .ka-table-wrapper {
   height: 50vh !important;
+}
+
+.css-1bxxajt-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #FDBE16 !important;
+}
+
+/* .delete-icon {
+  background-image: url('../Assets/image/delete.png') !important;
+  height: 18px;
+  width: 18px;
+} */
+
+div h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+span,
+p .css-1ydl6z0-MuiTypography-root {
+  font-family: Poppins, sans-serif !important;
 }
\ No newline at end of file