Implemented strict linting standards and prettier formatting config. (#248)
* Implemented strict linting standards and prettier formatting config. * More linter fixes and type updates. * More linter updates and type fixes * Remove noisy comments * Linter and type updates * Linter, formatting and type updates. * Linter updates * Type updates * Type updates * fixed all linter errors * Fixed all linting, formatting and type issues. * Resolve merge conflicts.
This commit is contained in:
@@ -1,30 +1,61 @@
|
||||
import { Option } from "widget/settings/shared/Option";
|
||||
import { Header } from "widget/settings/shared/Header";
|
||||
import { Option } from 'widget/settings/shared/Option';
|
||||
import { Header } from 'widget/settings/shared/Header';
|
||||
|
||||
import options from "options";
|
||||
import options from 'options';
|
||||
import Scrollable from 'types/widgets/scrollable';
|
||||
import { Attribute, Child } from 'lib/types/widget';
|
||||
|
||||
export const NotificationsTheme = () => {
|
||||
export const NotificationsTheme = (): Scrollable<Child, Attribute> => {
|
||||
return Widget.Scrollable({
|
||||
vscroll: "automatic",
|
||||
hscroll: "automatic",
|
||||
class_name: "notifications-theme-page paged-container",
|
||||
vscroll: 'automatic',
|
||||
hscroll: 'automatic',
|
||||
class_name: 'notifications-theme-page paged-container',
|
||||
vexpand: true,
|
||||
child: Widget.Box({
|
||||
vertical: true,
|
||||
children: [
|
||||
Header('Notifications Theme Settings'),
|
||||
Option({ opt: options.theme.notification.background, title: 'Notification Background', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.opacity, title: 'Notification Opacity', type: 'number', increment: 5, min: 0, max: 100 }),
|
||||
Option({ opt: options.theme.notification.actions.background, title: 'Action Button Background', subtitle: 'Buttons that perform actions within a notification', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.actions.text, title: 'Action Button Text Color', type: 'color' }),
|
||||
Option({
|
||||
opt: options.theme.notification.opacity,
|
||||
title: 'Notification Opacity',
|
||||
type: 'number',
|
||||
increment: 5,
|
||||
min: 0,
|
||||
max: 100,
|
||||
}),
|
||||
Option({
|
||||
opt: options.theme.notification.actions.background,
|
||||
title: 'Action Button Background',
|
||||
subtitle: 'Buttons that perform actions within a notification',
|
||||
type: 'color',
|
||||
}),
|
||||
Option({
|
||||
opt: options.theme.notification.actions.text,
|
||||
title: 'Action Button Text Color',
|
||||
type: 'color',
|
||||
}),
|
||||
Option({ opt: options.theme.notification.label, title: 'Label', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.border, title: 'Border', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.time, title: 'Time Stamp', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.text, title: 'Body Text', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.labelicon, title: 'Label Icon', subtitle: 'Icon that accompanies the label. Doesn\'t apply if icon is an app icon.', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.close_button.background, title: 'Dismiss Button', type: 'color' }),
|
||||
Option({ opt: options.theme.notification.close_button.label, title: 'Dismiss Button Text', type: 'color' }),
|
||||
]
|
||||
})
|
||||
})
|
||||
}
|
||||
Option({
|
||||
opt: options.theme.notification.labelicon,
|
||||
title: 'Label Icon',
|
||||
subtitle: "Icon that accompanies the label. Doesn't apply if icon is an app icon.",
|
||||
type: 'color',
|
||||
}),
|
||||
Option({
|
||||
opt: options.theme.notification.close_button.background,
|
||||
title: 'Dismiss Button',
|
||||
type: 'color',
|
||||
}),
|
||||
Option({
|
||||
opt: options.theme.notification.close_button.label,
|
||||
title: 'Dismiss Button Text',
|
||||
type: 'color',
|
||||
}),
|
||||
],
|
||||
}),
|
||||
});
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user