62 lines
1.7 KiB
JavaScript
62 lines
1.7 KiB
JavaScript
import icons from '../../../icons/index.js';
|
|
|
|
const Profile = () => {
|
|
return Widget.Box({
|
|
class_name: "profiles-container",
|
|
hpack: "fill",
|
|
hexpand: true,
|
|
children: [
|
|
Widget.Box({
|
|
class_name: "profile-picture-container dashboard-card",
|
|
hexpand: true,
|
|
vertical: true,
|
|
children: [
|
|
Widget.Icon({
|
|
hpack: "center",
|
|
class_name: "profile-picture",
|
|
icon: `${App.configDir}/assets/21210205.png`
|
|
}),
|
|
Widget.Label({
|
|
hpack: "center",
|
|
class_name: "profile-name",
|
|
label: "Jaskir Linux"
|
|
})
|
|
],
|
|
}),
|
|
Widget.Box({
|
|
class_name: "power-menu-container dashboard-card",
|
|
vertical: true,
|
|
vexpand: true,
|
|
children: [
|
|
Widget.Button({
|
|
class_name: "dashboard-button shutdown",
|
|
tooltip_text: "Shut Down",
|
|
vexpand: true,
|
|
child: Widget.Icon(icons.powermenu.shutdown)
|
|
}),
|
|
Widget.Button({
|
|
class_name: "dashboard-button restart",
|
|
tooltip_text: "Restart",
|
|
vexpand: true,
|
|
child: Widget.Icon(icons.powermenu.reboot)
|
|
}),
|
|
Widget.Button({
|
|
class_name: "dashboard-button lock",
|
|
tooltip_text: "Log Out",
|
|
vexpand: true,
|
|
child: Widget.Icon(icons.powermenu.logout)
|
|
}),
|
|
Widget.Button({
|
|
class_name: "dashboard-button sleep",
|
|
tooltip_text: "Sleep",
|
|
vexpand: true,
|
|
child: Widget.Icon(icons.powermenu.sleep)
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
});
|
|
};
|
|
|
|
export { Profile };
|