From 8944b0df814efe41ef57845e50978f714a88a6a8 Mon Sep 17 00:00:00 2001
From: munrocket <munsocket@protonmail.com>
Date: Fri, 24 Nov 2023 00:52:38 +0400
Subject: [PATCH 1/2] fix removing for shaders with same names

---
 components/global/avatar.tsx  |  1 +
 components/profileshaders.tsx | 28 ++++++++++++----------------
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/components/global/avatar.tsx b/components/global/avatar.tsx
index 6afa96f3..31b5a019 100644
--- a/components/global/avatar.tsx
+++ b/components/global/avatar.tsx
@@ -38,6 +38,7 @@ export default function Avatar({
             style={{ borderRadius: '15px' }}
             width={size}
             height={size}
+            priority={true}
         />
     ) : displayNull ? (
         <AccountCircleIcon style={{ height: size, width: size }} />
diff --git a/components/profileshaders.tsx b/components/profileshaders.tsx
index a176d48b..3c40673e 100644
--- a/components/profileshaders.tsx
+++ b/components/profileshaders.tsx
@@ -195,11 +195,10 @@ export const ProfileShaders = props => {
     };
 
     const [, , deleteShader] = useShaderSerDe();
-    const [isRemoved, setIsRemoved] = useState({ index: null });
-    const handleDeleteShader = (row, index) => {
-        if (confirm(`Are you sure you want to delete shader #${row.id} "${row.name}"?`)) {
-            deleteShader(row.id);
-            setIsRemoved({ index });
+    const handleDeleteShader = (id, name) => {
+        if (confirm(`Are you sure you want to delete shader #${id} "${name}"?`)) {
+            deleteShader(id);
+            document.getElementById(`row-id-${id}`).style.display = 'none';
         }
     };
 
@@ -219,10 +218,10 @@ export const ProfileShaders = props => {
                             {props.rows
                                 .slice()
                                 .sort(getComparator(order, orderBy))
-                                .map((row, index) => {
-                                    const labelId = `enhanced-table-checkbox-${index}`;
-                                    return !(isRemoved.index === index) ? (
-                                        <TableRow hover tabIndex={-1} key={row.name}>
+                                .map((row) => {
+                                    const elementId = `row-id-${row.id}`;
+                                    return (
+                                        <TableRow hover tabIndex={-1} key={row.id} id={elementId}>
                                             <TableCell align="left">
                                                 <Image
                                                     height={TABLE_PREVIEW_HEIGHT}
@@ -232,11 +231,12 @@ export const ProfileShaders = props => {
                                                         row.thumb_url
                                                     )}
                                                     alt={row.name}
+                                                    priority={true}
                                                 />
                                             </TableCell>
                                             <TableCell
                                                 component="th"
-                                                id={labelId}
+                                                id={`row-name-${row.name}`}
                                                 scope="row"
                                                 padding="none"
                                             >
@@ -248,17 +248,13 @@ export const ProfileShaders = props => {
                                             <TableCell align="left">{row.visibility}</TableCell>
                                             {props.editable ? (
                                                 <TableCell align="left">
-                                                    <Button
-                                                        onClick={() =>
-                                                            handleDeleteShader(row, index)
-                                                        }
-                                                    >
+                                                    <Button onClick={() => handleDeleteShader(row.id, row.name)}>
                                                         Delete
                                                     </Button>
                                                 </TableCell>
                                             ) : null}
                                         </TableRow>
-                                    ) : null;
+                                    );
                                 })}
                         </TableBody>
                     </Table>

From bbfa34ef6fec21889a55489b9d43cd194b28df17 Mon Sep 17 00:00:00 2001
From: munrocket <munsocket@protonmail.com>
Date: Fri, 24 Nov 2023 00:58:57 +0400
Subject: [PATCH 2/2] fix lint

---
 components/profileshaders.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/profileshaders.tsx b/components/profileshaders.tsx
index 3c40673e..feec0cec 100644
--- a/components/profileshaders.tsx
+++ b/components/profileshaders.tsx
@@ -218,7 +218,7 @@ export const ProfileShaders = props => {
                             {props.rows
                                 .slice()
                                 .sort(getComparator(order, orderBy))
-                                .map((row) => {
+                                .map(row => {
                                     const elementId = `row-id-${row.id}`;
                                     return (
                                         <TableRow hover tabIndex={-1} key={row.id} id={elementId}>
@@ -248,7 +248,11 @@ export const ProfileShaders = props => {
                                             <TableCell align="left">{row.visibility}</TableCell>
                                             {props.editable ? (
                                                 <TableCell align="left">
-                                                    <Button onClick={() => handleDeleteShader(row.id, row.name)}>
+                                                    <Button
+                                                        onClick={() =>
+                                                            handleDeleteShader(row.id, row.name)
+                                                        }
+                                                    >
                                                         Delete
                                                     </Button>
                                                 </TableCell>