add notification

postgresml · chillenberger · Nov 28, 2023 · Nov 22, 2023 · Nov 28, 2023 · Nov 28, 2023
commit 1228745b7f37017a3bec632d9e109d0efa4361e0
diff --git a/pgml-dashboard/src/guards.rs b/pgml-dashboard/src/guards.rs
@@ -20,10 +20,47 @@ pub fn default_database_url() -> String {
     }
 }
 
-#[derive(Debug)]
+#[derive(Debug, Clone, Default)]
 pub struct Cluster {
     pub pool: Option<PgPool>,
     pub context: Context,
+    pub notifications: Option<Vec<Notification>>
+}
+
+#[derive(Debug, Clone, Default)]
+pub struct Notification {
+    pub message: String,
+    pub level: NotificationLevel,
+    pub id: String,
+    pub dismissible: bool,
+    pub viewed: bool,
+    pub link: String,
+}
+
+#[derive(Debug, Clone, Default, PartialEq)]
+pub enum NotificationLevel {
+    #[default]
+    News,
+    Blog,
+    Launch,
+    Tip,
+    Level1,
+    Level2,
+    Level3,
+}
+
+impl std::fmt::Display for NotificationLevel {
+    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+        match self {
+            NotificationLevel::News => write!(f, "news"),
+            NotificationLevel::Blog => write!(f, "blog"),
+            NotificationLevel::Launch => write!(f, "launch"),
+            NotificationLevel::Tip => write!(f, "tip"),
+            NotificationLevel::Level1 => write!(f, "level1"),
+            NotificationLevel::Level2 => write!(f, "level2"),
+            NotificationLevel::Level3 => write!(f, "level3"),
+        }
+    }
 }
 
 impl Cluster {
@@ -142,6 +179,7 @@ impl Cluster {
                 lower_left_nav: StaticNav::default(),
                 marketing_footer: MarketingFooter::new().render_once().unwrap(),
             },
+            notifications: None,
         }
     }
 }

diff --git a/pgml-dashboard/static/css/scss/components/_buttons.scss b/pgml-dashboard/static/css/scss/components/_buttons.scss
@@ -84,11 +84,11 @@
     --bs-btn-border-color: transparent;
 
     --bs-btn-hover-bg: transparent;
-    --bs-btn-hover-color: #{$gray-100};
+    --bs-btn-hover-color: #{$slate-tint-400};
     --bs-btn-hover-border-color: transparent;
 
     --bs-btn-active-bg: transparent;
-    --bs-btn-active-color: #{$gray-100};
+    --bs-btn-active-color: #{$slate-tint-700};
     --bs-btn-active-border-color: transparent;
 
     span {