From fa0f8bdbc9ebcbb482492fbe03a8c554b9a1b542 Mon Sep 17 00:00:00 2001
From: David <davidyen1124@gmail.com>
Date: Tue, 16 Sep 2025 13:14:38 -0700
Subject: [PATCH] Keep taskbar app order stable

---
 src/components/Taskbar.tsx | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/components/Taskbar.tsx b/src/components/Taskbar.tsx
index ac127f0..d7c2a54 100644
--- a/src/components/Taskbar.tsx
+++ b/src/components/Taskbar.tsx
@@ -1,12 +1,5 @@
 import clsx from 'clsx'
-import {
-  forwardRef,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
+import { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react'
 import StartMenu from './StartMenu'
 import { useWindowManager } from '../contexts/WindowManagerContext'
 
@@ -151,11 +144,6 @@ export default function Taskbar() {
     }
   }, [open])
 
-  const orderedWindows = useMemo(
-    () => [...windows].sort((a, b) => a.zIndex - b.zIndex),
-    [windows]
-  )
-
   return (
     <div
       className={`relative flex h-[40px] items-center gap-2 bg-[#C0C0C0] px-3 text-[13px] ${taskbarFrame}`}
@@ -169,7 +157,7 @@ export default function Taskbar() {
       <Divider />
 
       <div className="flex h-9 flex-1 items-center gap-1 overflow-x-auto overflow-y-hidden border-t border-l border-white border-b-[2px] border-r-[2px] border-[#808080] bg-[#C0C0C0] px-2">
-        {orderedWindows.map(window => {
+        {windows.map(window => {
           const definition = apps[window.appId]
           const isActive = activeWindowId === window.id && !window.minimized