chore: add beta notice

revoltchat · Mar 15, 2024 · 94a1665 · 94a1665
1 parent 04a2ddd
commit 94a1665
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 22 deletions.
diff --git a/components/common/lib/env.ts b/components/common/lib/env.ts
@@ -5,7 +5,8 @@ export default {
   DEFAULT_API_URL:
     (import.meta.env.DEV ? import.meta.env.VITE_DEV_API_URL : undefined) ??
     (import.meta.env.VITE_API_URL as string) ??
-    "https://revolt.chat/api",
+    "http://local.revolt.chat:8000",
+  // "https://revolt.chat/api",
   /**
    * hCaptcha site key to use if enabled
    */

diff --git a/packages/client/src/Interface.tsx b/packages/client/src/Interface.tsx
@@ -54,34 +54,56 @@ const Interface: Component = () => {
         <Navigate href="/login" />
       </Match>
       <Match when={clientController.isReady()}>
-        <Layout
-          onDragOver={(e) => {
-            if (e.dataTransfer) e.dataTransfer.dropEffect = "none";
+        <div
+          style={{
+            display: "flex",
+            "flex-direction": "column",
+            height: "100%",
           }}
-          onDrop={(e) => e.preventDefault()}
         >
-          <Sidebar
-            menuGenerator={(target) => ({
-              contextMenu: () => {
-                return (
-                  <>
-                    {target instanceof Server ? (
-                      <ServerContextMenu server={target} />
-                    ) : (
-                      <ChannelContextMenu channel={target} />
-                    )}
-                  </>
-                );
-              },
-            })}
-          />
-          <Content />
-        </Layout>
+          <Notice>⚠️ This is beta software, things will break!</Notice>
+          <Layout
+            style={{ "flex-grow": 1, "min-height": 0 }}
+            onDragOver={(e) => {
+              if (e.dataTransfer) e.dataTransfer.dropEffect = "none";
+            }}
+            onDrop={(e) => e.preventDefault()}
+          >
+            <Sidebar
+              menuGenerator={(target) => ({
+                contextMenu: () => {
+                  return (
+                    <>
+                      {target instanceof Server ? (
+                        <ServerContextMenu server={target} />
+                      ) : (
+                        <ChannelContextMenu channel={target} />
+                      )}
+                    </>
+                  );
+                },
+              })}
+            />
+            <Content />
+          </Layout>
+        </div>
       </Match>
     </Switch>
   );
 };
 
+const Notice = styled.div`
+  text-align: center;
+  font-size: 0.8em;
+  margin: ${(props) => props.theme!.gap.md} ${(props) => props.theme!.gap.md} 0
+    ${(props) => props.theme!.gap.md};
+  padding: ${(props) => props.theme!.gap.md};
+  background: ${(props) =>
+    props.theme!.colours["messaging-message-box-background"]};
+  color: ${(props) => props.theme!.colours["messaging-message-box-foreground"]};
+  border-radius: ${(props) => props.theme!.borderRadius.md};
+`;
+
 /**
  * Parent container
  */