ProzillaOS/src/components/windows/WindowsView.jsx
2023-08-05 14:31:37 +02:00

26 lines
No EOL
715 B
JavaScript

import { Window } from "./Window.jsx";
import { useWindows } from "../../hooks/windows/WindowsContext.js";
import { useWindowsManager } from "../../hooks/windows/WindowsManagerContext.js";
export function WindowsView() {
const windows = useWindows();
const windowsManager = useWindowsManager();
// TO DO: prevent windows from being rerendered when order is changed
return (<div>
{windows.sort((windowA, windowB) =>
windowA.lastInteraction - windowB.lastInteraction
).map(({ id, app, size, position, options }) =>
<Window
onInteract={() => { windowsManager.focus(id); }}
id={id}
key={id}
app={app}
size={size}
position={position}
options={options}
/>
)}
</div>);
}