feat(alby): remove info card #632

raspiblitz · Jul 25, 2023 · 9cd012f · 9cd012f
1 parent 54a3314
commit 9cd012f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 204 deletions.
diff --git a/src/pages/Apps/AppCardAlby.tsx b/src/pages/Apps/AppCardAlby.tsx
@@ -1,4 +1,4 @@
-import { InformationCircleIcon, PlusIcon } from "@heroicons/react/24/outline";
+import { PlusIcon } from "@heroicons/react/24/outline";
 import { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { App } from "../..//models/app.model";
@@ -8,10 +8,9 @@ import { instance } from "../../utils/interceptor";
 
 export type Props = {
   appInfo: App;
-  onOpenDetails: (app: App) => void;
 };
 
-export const AppCard: FC<Props> = ({ appInfo, onOpenDetails }) => {
+export const AppCardAlby: FC<Props> = ({ appInfo }) => {
   const { id, name } = appInfo;
   const { t } = useTranslation();
 
@@ -94,17 +93,9 @@ export const AppCard: FC<Props> = ({ appInfo, onOpenDetails }) => {
             {t(`appInfo.${id}.action.install`)}
           </a>
         )}
-
-        <button
-          className="flex w-1/2 items-center justify-center rounded p-2 shadow-md hover:bg-gray-300 dark:bg-gray-500 dark:hover:bg-gray-300 dark:hover:text-black"
-          onClick={() => onOpenDetails(appInfo)}
-        >
-          <InformationCircleIcon className="inline h-6 w-6" />
-          &nbsp;{t("apps.info")}
-        </button>
       </div>
     </div>
   );
 };
 
-export default AppCard;
+export default AppCardAlby;
diff --git a/src/pages/Apps/AppInfoAlby.tsx b/src/pages/Apps/AppInfoAlby.tsx
diff --git a/src/pages/Apps/index.tsx b/src/pages/Apps/index.tsx
@@ -13,7 +13,6 @@ import { instance } from "../../utils/interceptor";
 import AppCard from "./AppCard";
 import AppCardAlby from "./AppCardAlby";
 import AppInfo from "./AppInfo";
-import AppInfoAlby from "./AppInfoAlby";
 
 export const Apps: FC = () => {
   const { t } = useTranslation(["translation", "apps"]);
@@ -61,22 +60,17 @@ export const Apps: FC = () => {
   };
 
   if (showDetails && app) {
-    let appInfos;
-    if (app.id === "alby") {
-      return <AppInfoAlby app={app} onClose={closeDetailsHandler} />;
-    } else {
-      appInfos = appStatus.find((a) => a.id === app.id)!;
-      return (
-        <AppInfo
-          app={app}
-          appStatusInfo={appInfos}
-          installingApp={installingApp}
-          onInstall={() => installHandler(app.id)}
-          onUninstall={() => uninstallHandler(app.id)}
-          onClose={closeDetailsHandler}
-        />
-      );
-    }
+    const appInfos = appStatus.find((a) => a.id === app.id)!;
+    return (
+      <AppInfo
+        app={app}
+        appStatusInfo={appInfos}
+        installingApp={installingApp}
+        onInstall={() => installHandler(app.id)}
+        onUninstall={() => uninstallHandler(app.id)}
+        onClose={closeDetailsHandler}
+      />
+    );
   }
 
   return (
@@ -130,10 +124,7 @@ export const Apps: FC = () => {
               })}
 
               <article>
-                <AppCardAlby
-                  appInfo={availableApps.get("alby")!}
-                  onOpenDetails={openDetailsHandler}
-                />
+                <AppCardAlby appInfo={availableApps.get("alby")!} />
               </article>
             </div>
           </section>