[Schema] Add visual highlight to currently active sorting order (#3180)

![image](https://github.com/user-attachments/assets/add15837-bf2a-4bee-abbf-1995b8f85e15) Highlights the current active sorting mode in the sidebar (Closes #2815)
zesty-io · Feb 3, 2025 · eb70ca2 · eb70ca2
1 parent db98b4c
commit eb70ca2
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/apps/schema/src/app/components/Sidebar/ModelList.tsx b/src/apps/schema/src/app/components/Sidebar/ModelList.tsx
@@ -135,6 +135,7 @@ export const ModelList = ({ title, models, type, app = "schema" }: Props) => {
       <ThemeProvider theme={theme}>
         <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>
           <MenuItem
+            selected={sort === "asc"}
             onClick={() => {
               handleClose();
               setSort("asc");
@@ -143,6 +144,7 @@ export const ModelList = ({ title, models, type, app = "schema" }: Props) => {
             Name (A to Z)
           </MenuItem>
           <MenuItem
+            selected={sort === "desc"}
             onClick={() => {
               handleClose();
               setSort("desc");
@@ -151,6 +153,7 @@ export const ModelList = ({ title, models, type, app = "schema" }: Props) => {
             Name (Z to A)
           </MenuItem>
           <MenuItem
+            selected={!sort}
             onClick={() => {
               handleClose();
               setSort("");
@@ -159,6 +162,7 @@ export const ModelList = ({ title, models, type, app = "schema" }: Props) => {
             Last Created
           </MenuItem>
           <MenuItem
+            selected={sort === "modified"}
             onClick={() => {
               handleClose();
               setSort("modified");