From eb70ca2a9b0544578c8e6c5f18d04e9e904abb79 Mon Sep 17 00:00:00 2001
From: Nar -- <28705606+finnar-bin@users.noreply.github.com>
Date: Mon, 3 Feb 2025 08:56:52 +0800
Subject: [PATCH] [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)
---
 src/apps/schema/src/app/components/Sidebar/ModelList.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/apps/schema/src/app/components/Sidebar/ModelList.tsx b/src/apps/schema/src/app/components/Sidebar/ModelList.tsx
index f93e68ff6..ee89e2f5b 100644
--- 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");