bring the NEW badge

Gyattttttttt · Mar 31, 2023 · 2ce9f50 · 2ce9f50
1 parent d4bfa8d
commit 2ce9f50
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/MainLayout.tsx b/src/MainLayout.tsx
@@ -45,6 +45,7 @@ export function MenuTab({
 	iconFilled,
 	iconOutlined,
 	tabIndex,
+	isNew,
 }: {
 	route?: string;
 	href?: string;
@@ -55,6 +56,7 @@ export function MenuTab({
 	iconFilled: ReactNode;
 	iconOutlined?: ReactNode;
 	tabIndex?: number;
+	isNew?: boolean;
 }) {
 	const location = useLocation();
 	const selected = location.pathname === route;
@@ -66,6 +68,7 @@ export function MenuTab({
 			<span className={styles.name}>
 				<Obfuscated ellipsis>{name}</Obfuscated>
 			</span>
+			{isNew && <span className={styles.new}>new</span>}
 		</>
 	);
 

diff --git a/src/styles/Navigation.module.scss b/src/styles/Navigation.module.scss
@@ -301,3 +301,13 @@ html[data-expanded='1'] {
 		}
 	}
 }
+
+.new {
+	line-height: 1em;
+	padding: 2px 5px;
+	margin-left: 5px;
+	border-radius: 10px;
+	background-color: var(--error);
+	color: white;
+	font-size: 12px;
+}