helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): show warning on duplicate uploads #2557 (#3613)

Browse source 
* fix(web): show warning on duplicate uploads #2557

* Prettier fix

* color

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Russell Tan 2023-08-09 18:11:26 -07:00 • committed by GitHub
parent 57a7103d75
commit 66b2ad7939
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 33 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/src/lib/components/shared-components/notification/notification-card.svelte
View file

@ -15,6 +15,7 @@
let infoPrimaryColor = '#4250AF';
let errorPrimaryColor = '#E64132';
let warningPrimaryColor = '#D08613';
$: icon = notificationInfo.type === NotificationType.Error ? CloseCircleOutline : InformationOutline;
@ -26,6 +27,10 @@
if (notificationInfo.type === NotificationType.Error) {
return '#FBE8E6';
}
if (notificationInfo.type === NotificationType.Warning) {
return '#FFF6DC';
}
};
$: borderStyle = () => {
@ -36,6 +41,10 @@
if (notificationInfo.type === NotificationType.Error) {
return '1px solid #F0E8E7';
}
if (notificationInfo.type === NotificationType.Warning) {
return '1px solid #FFE6A5';
}
};
$: primaryColor = () => {
@ -46,6 +55,10 @@
if (notificationInfo.type === NotificationType.Error) {
return errorPrimaryColor;
}
if (notificationInfo.type === NotificationType.Warning) {
return warningPrimaryColor;
}
};
let removeNotificationTimeout: NodeJS.Timeout | undefined = undefined;

3
web/src/lib/components/shared-components/notification/notification.ts
View file

@ -3,10 +3,11 @@ import { writable } from 'svelte/store';
export enum NotificationType {
Info = 'Info',
Error = 'Error',
Warning = 'Warning',
}
export class ImmichNotification {
id = new Date().getTime();
id = new Date().getTime() + Math.random();
type!: NotificationType;
message!: string;
action!: NotificationAction;