From 6d030d488b177447a2f01a3ab9d3d483eaec95ac Mon Sep 17 00:00:00 2001
From: Der_Googler <54764558+DerGoogler@users.noreply.github.com>
Date: Wed, 12 Jul 2023 13:34:00 +0200
Subject: [PATCH] Added module covers

---
 README.md                                  |  1 +
 Website/src/activitys/SettingsActivity.tsx | 17 +++++++++++++++++
 Website/src/components/ExploreModule.tsx   | 13 ++++++++++++-
 Website/src/hooks/useSettings.tsx          |  2 ++
 Website/src/typings/global.d.ts            |  2 +-
 5 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 9f59f53b..3f997337 100644
--- a/README.md
+++ b/README.md
@@ -45,6 +45,7 @@ description=<string>
 # MMRL supported properties
 mmrlConfig=<boolean>
 mmrlNoComments=<boolean>
+mmrlCover=<url>
 
 # Fox's Mmm supported properties
 minApi=<int>
diff --git a/Website/src/activitys/SettingsActivity.tsx b/Website/src/activitys/SettingsActivity.tsx
index 519d7cc8..25b59a71 100644
--- a/Website/src/activitys/SettingsActivity.tsx
+++ b/Website/src/activitys/SettingsActivity.tsx
@@ -77,6 +77,23 @@ function SettingsActivity() {
               }}
             />
           </ListItem>
+          <ListItem>
+            <StyledListItemText
+              id="switch-list-_disable_module_covers"
+              primary={"Disable module covers"}
+              secondary="This may increase app performance"
+            />
+            <Android12Switch
+              edge="end"
+              onChange={(e: any) => {
+                setSettings("_disable_module_covers", e.target.checked);
+              }}
+              checked={settings._disable_module_covers}
+              inputProps={{
+                "aria-labelledby": "switch-list-_disable_module_covers",
+              }}
+            />
+          </ListItem>
           {os.isAndroid && (
             <ListItem>
               <StyledListItemText
diff --git a/Website/src/components/ExploreModule.tsx b/Website/src/components/ExploreModule.tsx
index b4e940ef..b88f07ff 100644
--- a/Website/src/components/ExploreModule.tsx
+++ b/Website/src/components/ExploreModule.tsx
@@ -1,4 +1,4 @@
-import { Alert, AlertTitle, Box, Chip, Divider, Stack, Typography } from "@mui/material";
+import { Alert, AlertTitle, Box, CardMedia, Chip, Divider, Stack, Typography } from "@mui/material";
 import { useActivity } from "@Hooks/useActivity";
 import { useStrings } from "@Hooks/useStrings";
 import DescriptonActivity from "@Activitys/DescriptonActivity";
@@ -8,6 +8,7 @@ import { StyledCard } from "./StyledCard";
 import { useLowQualityModule } from "@Hooks/useLowQualityModule";
 import { StyledIconButton } from "./StyledIconButton";
 import { useSettings } from "@Hooks/useSettings";
+import { isDesktop } from "react-device-detect";
 
 interface Props {
   index: number;
@@ -65,6 +66,16 @@ export const ExploreModule = (props: Props) => {
 
   return (
     <StyledCard elevation={0}>
+      {!settings._disable_module_covers && prop_url.mmrlCover && (
+        // @ts-ignore
+        <CardMedia
+          component="img"
+          style={{ objectFit: "unset" }}
+          height={isDesktop ? "445px" : "181.500px"}
+          image={prop_url.mmrlCover}
+          alt={prop_url.name}
+        />
+      )}
       <Box sx={{ p: 2, display: "flex" }}>
         <Stack spacing={0.5} style={{ flexGrow: 1 }} onClick={handleOpen}>
           <Typography fontWeight={700} color="text.primary">
diff --git a/Website/src/hooks/useSettings.tsx b/Website/src/hooks/useSettings.tsx
index 7576c5bf..55e6f06f 100644
--- a/Website/src/hooks/useSettings.tsx
+++ b/Website/src/hooks/useSettings.tsx
@@ -140,6 +140,7 @@ export interface StorageDeclaration {
   eruda_console_enabled: boolean;
   disabled_repos: string[];
   _low_quality_module: boolean;
+  _disable_module_covers: boolean;
   __experimental_local_install: boolean;
   repos: StoredRepo[];
   test: any;
@@ -152,6 +153,7 @@ export const INITIAL_SETTINGS: StorageDeclaration = {
   eruda_console_enabled: false,
   disabled_repos: [],
   _low_quality_module: true,
+  _disable_module_covers: false,
   __experimental_local_install: false,
   repos: [],
   test: [],
diff --git a/Website/src/typings/global.d.ts b/Website/src/typings/global.d.ts
index 7633e9a3..3755e72b 100644
--- a/Website/src/typings/global.d.ts
+++ b/Website/src/typings/global.d.ts
@@ -187,8 +187,8 @@ declare global {
 
     // MMRL supported properties
     mmrlConfig?: string;
-    mmrlChangelog?: string;
     mmrlNoComments?: string;
+    mmrlCover?: string;
 
     // Fox's Mmm supported properties
     minApi?: string;