2ffd602910
* migrate to astal * Reorganize project structure. * progress * Migrate Dashboard and Window Title modules. * Migrate clock and notification bar modules. * Remove unused code * Media menu * Rework network and volume modules * Finish custom modules. * Migrate battery bar module. * Update battery module and organize helpers. * Migrate workspace module. * Wrap up bar modules. * Checkpoint before I inevitbly blow something up. * Updates * Fix event propagation logic. * Type fixes * More type fixes * Fix padding for event boxes. * Migrate volume menu and refactor scroll event handlers. * network module WIP * Migrate network service. * Migrate bluetooth menu * Updates * Migrate notifications * Update scrolling behavior for custom modules. * Improve popup notifications and add timer functionality. * Migration notifications menu header/controls. * Migrate notifications menu and consolidate notifications menu code. * Migrate power menu. * Dashboard progress * Migrate dashboard * Migrate media menu. * Reduce media menu nesting. * Finish updating media menu bindings to navigate active player. * Migrate battery menu * Consolidate code * Migrate calendar menu * Fix workspace logic to update on client add/change/remove and consolidate code. * Migrate osd * Consolidate hyprland service connections. * Implement startup dropdown menu position allocation. * Migrate settings menu (WIP) * Settings dialo menu fixes * Finish Dashboard menu * Type updates * update submoldule for types * update github ci * ci * Submodule update * Ci updates * Remove type checking for now. * ci fix * Fix a bunch of stuff, losing track... need rest. Brb coffee * Validate dropdown menu before render. * Consolidate code and add auto-hide functionality. * Improve auto-hide behavior. * Consolidate audio menu code * Organize bluetooth code * Improve active player logic * Properly dismiss a notification on action button resolution. * Implement CLI command engine and migrate CLI commands. * Handle variable disposal * Bar component fixes and add hyprland startup rules. * Handle potentially null bindings network and bluetooth bindings. * Handle potentially null wired adapter. * Fix GPU stats * Handle poller for GPU * Fix gpu bar logic. * Clean up logic for stat bars. * Handle wifi and wired bar icon bindings. * Fix battery percentages * Fix switch behavior * Wifi staging fixes * Reduce redundant hyprland service calls. * Code cleanup * Document the option code and reduce redundant calls to optimize performance. * Remove outdated comment. * Add JSDocs * Add meson to build hyprpanel * Consistency updates * Organize commands * Fix images not showing up on notifications. * Remove todo * Move hyprpanel configuration to the ~/.config/hyprpanel directory and add utility commands. * Handle SRC directory for the bundled/built hyprpanel. * Add namespaces to all windows * Migrate systray * systray updates * Update meson to include ts, tsx and scss files. * Remove log from meson * Fix file choose path and make it float. * Added a command to check the dependency status * Update dep names. * Get scale directly from env * Add todo
67 lines
2.9 KiB
TypeScript
67 lines
2.9 KiB
TypeScript
import options from 'src/options.js';
|
|
import { filterNotifications } from 'src/lib/shared/notifications.js';
|
|
import AstalNotifd from 'gi://AstalNotifd?version=0.1';
|
|
import Variable from 'astal/variable.js';
|
|
import { Gtk } from 'astal/gtk3';
|
|
import { bind } from 'astal/binding.js';
|
|
import { notifdService } from 'src/lib/constants/services.js';
|
|
import { NotificationCard } from 'src/components/notifications/Notification.js';
|
|
import { Placeholder } from './Placeholder';
|
|
|
|
const { displayedTotal, ignore, showActionsOnHover } = options.notifications;
|
|
|
|
export const NotificationsContainer = ({ curPage }: NotificationsContainerProps): JSX.Element => {
|
|
return (
|
|
<scrollable vscroll={Gtk.PolicyType.AUTOMATIC}>
|
|
<box className={'menu-content-container notifications'} halign={Gtk.Align.FILL} spacing={0} vexpand>
|
|
{Variable.derive(
|
|
[
|
|
bind(notifdService, 'notifications'),
|
|
bind(curPage),
|
|
bind(displayedTotal),
|
|
bind(ignore),
|
|
bind(showActionsOnHover),
|
|
],
|
|
(notifications, currentPage, totalDisplayed, ignored, hoverActions) => {
|
|
const filteredNotifications = filterNotifications(notifications, ignored).sort(
|
|
(a, b) => b.time - a.time,
|
|
);
|
|
|
|
if (filteredNotifications.length <= 0) {
|
|
return <Placeholder />;
|
|
}
|
|
|
|
const pageStart = (currentPage - 1) * totalDisplayed;
|
|
const pageEnd = currentPage * totalDisplayed;
|
|
|
|
return (
|
|
<box
|
|
className={'notification-card-content-container'}
|
|
valign={Gtk.Align.START}
|
|
vexpand={false}
|
|
vertical
|
|
>
|
|
{filteredNotifications
|
|
.slice(pageStart, pageEnd)
|
|
.map((notification: AstalNotifd.Notification) => {
|
|
return (
|
|
<NotificationCard
|
|
className={'notification-card menu'}
|
|
notification={notification}
|
|
showActions={hoverActions}
|
|
/>
|
|
);
|
|
})}
|
|
</box>
|
|
);
|
|
},
|
|
)()}
|
|
</box>
|
|
</scrollable>
|
|
);
|
|
};
|
|
|
|
interface NotificationsContainerProps {
|
|
curPage: Variable<number>;
|
|
}
|