Use a global config for sunset related configs

Hubs-Foundation · Apr 18, 2024 · 8efa7b0 · 8efa7b0
1 parent e8140ea
commit 8efa7b0
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 17 deletions.
diff --git a/admin/src/react-components/pages/system-editor.tsx b/admin/src/react-components/pages/system-editor.tsx
@@ -109,17 +109,17 @@ const SystemEditorComponent = ({ classes }) => {
 
   return (
     <div className="page_wrapper">
-      <Card className={`mb-24 ${classes.notificationCard}`}>
-        <CardSection
-          className={classes.notificationCardSection}
-          ctaCallback={() => {
-            window.open("https://www.mozilla.com");
-          }}
-          cta={"Learn More"}
-          body={"COPY HERE"}
-          showIcon={false}
-        />
-      </Card>
+      {configs.sunset.notification && (
+        <Card className={`mb-24 ${classes.notificationCard}`}>
+          <CardSection
+            className={classes.notificationCardSection}
+            ctaCallback={() => configs.sunset.notification.link}
+            cta={"Learn More"}
+            body={configs.sunset.notification.body}
+            showIcon={false}
+          />
+        </Card>
+      )}
       <Card className="mb-24">
         <h2 className="heading-lg mb-24">Getting Started</h2>
 

diff --git a/admin/src/utils/configs.js b/admin/src/utils/configs.js
@@ -18,4 +18,11 @@ const configs = {};
 const hasReticulumServerMetaTag = !!document.querySelector("meta[name='env:reticulum_server']");
 configs.IS_LOCAL_OR_CUSTOM_CLIENT = !hasReticulumServerMetaTag;
 
+configs.sunset = {
+  notification: {
+    body: "COPY HERE",
+    link: "https://www.mozilla.org"
+  }
+};
+
 export default configs;
diff --git a/src/react-components/room/SystemNotification.scss b/src/react-components/room/SystemNotification.scss
@@ -14,6 +14,7 @@
 }
 
 :local(.notificationText) {
+  padding: 8px;
   max-width: 40vw;
   min-width: 150px;
   overflow: hidden;

diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
@@ -1337,9 +1337,6 @@ class UIRoot extends Component {
       }
     ];
 
-    const globalNotificationBody = "COPY HERE";
-    const globalNotificationLink = "https://www.mozilla.com";
-
     return (
       <MoreMenuContextProvider>
         <ReactAudioContext.Provider value={this.state.audioContext}>
@@ -1461,10 +1458,10 @@ class UIRoot extends Component {
                       />
                     )}
                     <NotificationsContainer isMobile={isMobile}>
-                      {!this.state.globalNotificationDismissed && (
+                      {configs.sunset.notification && !this.state.globalNotificationDismissed && (
                         <SystemNotification
-                          body={globalNotificationBody}
-                          link={globalNotificationLink}
+                          body={configs.sunset.notification.body}
+                          link={configs.sunset.notification.link}
                           onDismiss={() => this.setState({ globalNotificationDismissed: true })}
                         />
                       )}

diff --git a/src/utils/configs.js b/src/utils/configs.js
@@ -130,4 +130,11 @@ configs.translation = key => {
   );
 };
 
+configs.sunset = {
+  notification: {
+    body: "The copy will go here",
+    link: "https://www.mozilla.org"
+  }
+};
+
 export default configs;