danvics/ProzillaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added dynamic window title

Browse source
This commit is contained in:
Prozilla 2023-07-29 17:53:54 +02:00
parent 1254d03eb6
commit 5f201a35ec
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/windows/Window.jsx
View file

@ -23,12 +23,15 @@ import Vector2 from "../../features/math/vector2.js";
export function Window({ id, app, size, position, focused = false, onInteract, options }) {
const windowsManager = useWindowsManager();
const nodeRef = useRef(null);
const [maximized, setMaximized] = useState(false);
const [minimized, setMinimized] = useState(false);
const [screenWidth, setScreenWidth] = useState(100);
const [screenHeight, setScreenHeight] = useState(100);
const [title, setTitle] = useState(app.name);
useEffect(() => {
const resizeObserver = new ResizeObserver((event) => {
setScreenWidth(event[0].contentBoxSize[0].inlineSize);
@ -73,7 +76,7 @@ export function Window({ id, app, size, position, focused = false, onInteract, o
>
<div className={`${styles.Header} Handle`}>
<ReactSVG className={styles["Window-icon"]} src={process.env.PUBLIC_URL + `/media/applications/icons/${app.id}.svg`}/>
<p>{app.name}</p>
<p>{title}</p>
<button onClick={() => setMinimized(!minimized)}>
<FontAwesomeIcon icon={faMinus}/>
</button>
@ -85,7 +88,7 @@ export function Window({ id, app, size, position, focused = false, onInteract, o
</button>
</div>
<div className={styles["Window-content"]}>
<app.WindowContent {...options}/>
<app.WindowContent {...options} setTitle={setTitle}/>
</div>
</div>
</Draggable>