From df7c23af92073df6be66a986556c648ec0230169 Mon Sep 17 00:00:00 2001
From: marios8543 <marios8543@gmail.com>
Date: Tue, 14 Nov 2023 00:00:08 +0200
Subject: [PATCH] backup commit

---
 frontend/src/components/PluginView.tsx | 10 +++++++++-
 frontend/src/plugin.ts                 |  1 +
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/PluginView.tsx b/frontend/src/components/PluginView.tsx
index b53035f78..be4568d60 100644
--- a/frontend/src/components/PluginView.tsx
+++ b/frontend/src/components/PluginView.tsx
@@ -53,7 +53,7 @@ const PluginView: VFC = () => {
           {pluginList
             .filter((p) => p.content)
             .filter(({ name }) => !hiddenPlugins.includes(name))
-            .map(({ name, icon }) => (
+            .map(({ name, icon, tileContent }) => tileContent === undefined ? (
               <PanelSectionRow key={name}>
                 <ButtonItem layout="below" onClick={() => setActivePlugin(name)}>
                   <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
@@ -63,6 +63,14 @@ const PluginView: VFC = () => {
                   </div>
                 </ButtonItem>
               </PanelSectionRow>
+            ) : (
+              <PanelSectionRow key={name}>
+                <ButtonItem layout="below" onClick={() => setActivePlugin(name)}>
+                  <PanelSection>
+                    {tileContent}
+                  </PanelSection>
+                </ButtonItem>
+              </PanelSectionRow>
             ))}
           {hiddenPlugins.length > 0 && (
             <div style={{ display: 'flex', alignItems: 'center', gap: '10px', fontSize: '0.8rem', marginTop: '10px' }}>
diff --git a/frontend/src/plugin.ts b/frontend/src/plugin.ts
index fa1bb28a3..cfba8b075 100644
--- a/frontend/src/plugin.ts
+++ b/frontend/src/plugin.ts
@@ -3,6 +3,7 @@ export interface Plugin {
   version?: string;
   icon: JSX.Element;
   content?: JSX.Element;
+  tileContent?: JSX.Element;
   onDismount?(): void;
   alwaysRender?: boolean;
   titleView?: JSX.Element;