{data.label || data.value}
diff --git a/frontend/components/mods/mod-modal.tsx b/frontend/components/mods/mod-modal.tsx
index b1d0a033..e6ee9f23 100644
--- a/frontend/components/mods/mod-modal.tsx
+++ b/frontend/components/mods/mod-modal.tsx
@@ -1,7 +1,11 @@
import { Modal, Stack } from "@mantine/core";
import { downloadMod, openModFolder } from "@api/bindings";
import { CommandButton } from "@components/command-button";
-import { IconDownload, IconFolderCog } from "@tabler/icons-react";
+import {
+ IconDownload,
+ IconFolderCog,
+ IconRefreshAlert,
+} from "@tabler/icons-react";
import { DebugData } from "@components/debug-data";
import { UnifiedMod } from "@hooks/use-unified-mods";
import { ItemName } from "@components/item-name";
@@ -13,6 +17,10 @@ type Props = {
export function ModModal(props: Props) {
const isDownloadAvailable = Boolean(props.mod.remote?.latestVersion?.url);
+ const localVersion = props.mod.local?.manifest?.version;
+ const remoteVersion = props.mod.remote?.latestVersion?.id;
+ const isOutdated =
+ localVersion && remoteVersion && remoteVersion !== localVersion;
return (
)}
- {!isDownloadAvailable && !props.mod.local && (
- }
- onClick={() => openModFolder(props.mod.common.id)}
- >
- Open mod loader folder
-