Early access
diff --git a/src/lib/images/samples/backups-dark.png b/src/lib/images/samples/backups-dark.png
new file mode 100644
index 000000000..6b31eab88
Binary files /dev/null and b/src/lib/images/samples/backups-dark.png differ
diff --git a/src/lib/images/samples/backups-light.png b/src/lib/images/samples/backups-light.png
new file mode 100644
index 000000000..aa675d86b
Binary files /dev/null and b/src/lib/images/samples/backups-light.png differ
diff --git a/src/lib/images/samples/backups-sample-dark.svg b/src/lib/images/samples/backups-sample-dark.svg
deleted file mode 100644
index 4a7ffc2a0..000000000
--- a/src/lib/images/samples/backups-sample-dark.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-
diff --git a/src/lib/images/samples/backups-sample-light.svg b/src/lib/images/samples/backups-sample-light.svg
deleted file mode 100644
index 09574dc6a..000000000
--- a/src/lib/images/samples/backups-sample-light.svg
+++ /dev/null
@@ -1,35 +0,0 @@
-
diff --git a/src/lib/images/samples/roles-dark.png b/src/lib/images/samples/roles-dark.png
new file mode 100644
index 000000000..2bb41d259
Binary files /dev/null and b/src/lib/images/samples/roles-dark.png differ
diff --git a/src/lib/images/samples/roles-light.png b/src/lib/images/samples/roles-light.png
new file mode 100644
index 000000000..24b88238a
Binary files /dev/null and b/src/lib/images/samples/roles-light.png differ
diff --git a/src/lib/images/samples/roles-sample-dark.svg b/src/lib/images/samples/roles-sample-dark.svg
deleted file mode 100644
index 2de427bed..000000000
--- a/src/lib/images/samples/roles-sample-dark.svg
+++ /dev/null
@@ -1,144 +0,0 @@
-
diff --git a/src/lib/images/samples/roles-sample-light.svg b/src/lib/images/samples/roles-sample-light.svg
deleted file mode 100644
index 8258a6ffe..000000000
--- a/src/lib/images/samples/roles-sample-light.svg
+++ /dev/null
@@ -1,160 +0,0 @@
-
diff --git a/src/lib/stores/bottom-alerts.ts b/src/lib/stores/bottom-alerts.ts
index c4f7e8078..331057456 100644
--- a/src/lib/stores/bottom-alerts.ts
+++ b/src/lib/stores/bottom-alerts.ts
@@ -8,6 +8,7 @@ export type BottomModalAlertItem = {
src: Record<'dark' | 'light', string>;
cta: Record<'text' | 'link', string>;
+ plan: 'free' | 'pro' | 'scale' /*| 'enterprise'*/;
learnMore?: Partial
>;
show?: boolean;
diff --git a/src/routes/(console)/project-[project]/bottomAlerts.ts b/src/routes/(console)/project-[project]/bottomAlerts.ts
index f7cf69917..a7181dfc5 100644
--- a/src/routes/(console)/project-[project]/bottomAlerts.ts
+++ b/src/routes/(console)/project-[project]/bottomAlerts.ts
@@ -1,7 +1,7 @@
-import RolesSampleDark from '$lib/images/samples/roles-sample-dark.svg';
-import RolesSampleLight from '$lib/images/samples/roles-sample-light.svg';
-import BackupsSampleDark from '$lib/images/samples/backups-sample-dark.svg';
-import BackupsSampleLight from '$lib/images/samples/backups-sample-light.svg';
+import RolesSampleDark from '$lib/images/samples/roles-dark.png';
+import RolesSampleLight from '$lib/images/samples/roles-light.png';
+import BackupsSampleDark from '$lib/images/samples/backups-dark.png';
+import BackupsSampleLight from '$lib/images/samples/backups-light.png';
import { type BottomModalAlertItem, showBottomModalAlert } from '$lib/stores/bottom-alerts';
@@ -14,8 +14,10 @@ const listOfPromotions: BottomModalAlertItem[] = [
},
title: 'Member roles now on Pro plans',
message:
- 'Enhance your workflow and security by assigning roles to members. Try it now for free until Dec 2024.',
+ 'Enhance your workflow and security by assigning roles to members.
Try it now for free until Dec 2024.',
+ isHtml: true,
+ plan: 'pro',
cta: {
text: 'Try Now',
link: 'https://appwrite.io'
@@ -37,7 +39,7 @@ const listOfPromotions: BottomModalAlertItem[] = [
isHtml: true,
importance: 10,
-
+ plan: 'pro',
cta: {
text: 'Try Now',
link: 'https://appwrite.io'