blob: 5b5696672cbafe42ed3a1e536b1e834b1f2afb16 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
import * as Uebersicht from "uebersicht";
import * as AppIcons from "../../app-icons.js";
import { SuspenseIcon } from "../icons/icon.jsx";
import * as Utils from "../../utils.js";
const { React } = Uebersicht;
/**
* OpenedApps component to display icons of opened applications.
* @param {Object} props - The component props.
* @param {Array} props.apps - The list of opened applications.
* @returns {JSX.Element|null} The rendered component or null if no apps are opened.
*/
export default function OpenedApps({ apps }) {
if (!apps.length) return null;
return apps.map((app, i) => {
const { focused } = app;
const appName = Utils.normalizeAppName(app["app-name"]);
const Icon = AppIcons.apps[appName] || AppIcons.apps.Default;
// Generate class names for the app icon
const classes = Utils.classNames("space__icon", {
"space__icon--focused": focused,
});
return (
<SuspenseIcon key={i}>
<Icon className={classes} />
</SuspenseIcon>
);
});
}
|
