From 20d31babced955ab03944b28a9a73bf4aa013395 Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Sun, 29 May 2022 15:43:36 +0100
Subject: [PATCH] feat(@ui): migrate Banner component

---
 src/components/navigation/items/ConnectionStatus.tsx |  4 ++--
 src/components/ui/Banner.tsx                         | 10 ----------
 2 files changed, 2 insertions(+), 12 deletions(-)
 delete mode 100644 src/components/ui/Banner.tsx

diff --git a/src/components/navigation/items/ConnectionStatus.tsx b/src/components/navigation/items/ConnectionStatus.tsx
index de0d42b7..899b3d8e 100644
--- a/src/components/navigation/items/ConnectionStatus.tsx
+++ b/src/components/navigation/items/ConnectionStatus.tsx
@@ -1,14 +1,14 @@
 import { Text } from "preact-i18n";
 import { useContext } from "preact/hooks";
 
+import { Banner } from "@revoltchat/ui";
+
 import {
     ClientStatus,
     StatusContext,
     useClient,
 } from "../../../context/revoltjs/RevoltClient";
 
-import Banner from "../../ui/Banner";
-
 export default function ConnectionStatus() {
     const status = useContext(StatusContext);
     const client = useClient();
diff --git a/src/components/ui/Banner.tsx b/src/components/ui/Banner.tsx
deleted file mode 100644
index ca4704d9..00000000
--- a/src/components/ui/Banner.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import styled from "styled-components/macro";
-
-export default styled.div`
-    padding: 8px;
-    font-size: 14px;
-    text-align: center;
-
-    color: var(--accent);
-    background: var(--primary-background);
-`;