-
+
+
+
diff --git a/src/pages/settings/panes/Appearance.tsx b/src/pages/settings/panes/Appearance.tsx
index c35b6e95..c68c410f 100644
--- a/src/pages/settings/panes/Appearance.tsx
+++ b/src/pages/settings/panes/Appearance.tsx
@@ -39,7 +39,6 @@ export const Appearance = observer(() => {
id="settings_overrides"
summary={
}>
-
App
diff --git a/src/pages/settings/panes/MyBots.tsx b/src/pages/settings/panes/MyBots.tsx
index 3e68463f..7b9a86ed 100644
--- a/src/pages/settings/panes/MyBots.tsx
+++ b/src/pages/settings/panes/MyBots.tsx
@@ -381,7 +381,7 @@ function BotCard({ bot, onDelete, onUpdate }: Props) {
+ summary={}>
diff --git a/src/pages/settings/panes/ThemeShop.tsx b/src/pages/settings/panes/ThemeShop.tsx
index 2c87be4c..22627519 100644
--- a/src/pages/settings/panes/ThemeShop.tsx
+++ b/src/pages/settings/panes/ThemeShop.tsx
@@ -1,5 +1,13 @@
+import { Check } from "@styled-icons/boxicons-regular";
+import {
+ Star,
+ Brush,
+ Bookmark,
+ BarChartAlt2,
+} from "@styled-icons/boxicons-solid";
import styled from "styled-components";
+import { Text } from "preact-i18n";
import { useEffect, useState } from "preact/hooks";
import { useApplicationState } from "../../../mobx/State";
@@ -279,7 +287,7 @@ export function ThemeShop() {
return (
- Browse hundreds of themes, created and curated by the community.
+
{/*
@@ -290,55 +298,66 @@ export function ThemeShop() {
The Theme Shop is currently under construction.
-
+
{/* FIXME INTEGRATE WITH MOBX */}
{/*
- Currently active
+
theme svg goes here
Theme Title
-
by Author
+
+ {" "}
+ Author
+
This is a theme description.
-
+ " contrast />
- Saved
+
- Manage installed
+
+
+
- New this week
+
- View all
-
-
-
-
-
- Default themes
-
- View all
+
+
+
- Highest rated
+
- View all
- */}
+
+
+
+
+
+
+
+
+
+
+
+
+ */}
+
{themeList?.map(([slug, theme]) => (
-
Use theme
+
+
+
{theme.name}
{/* Maybe id's of the users should be included as well / instead? */}
- by {theme.creator}
+
+ {" "}
+ {theme.creator}
+
{theme.description}
))}