diff --git a/public/images/lmrp.png b/public/images/lmrp.png
new file mode 100644
index 0000000..09a57ed
Binary files /dev/null and b/public/images/lmrp.png differ
diff --git a/public/images/wool_8.png b/public/images/wool_8.png
new file mode 100644
index 0000000..a16ed67
Binary files /dev/null and b/public/images/wool_8.png differ
diff --git a/src/components/views/VersionsView.tsx b/src/components/views/VersionsView.tsx
index 84d20d6..0d4829b 100644
--- a/src/components/views/VersionsView.tsx
+++ b/src/components/views/VersionsView.tsx
@@ -216,18 +216,28 @@ const VersionsView = memo(function VersionsView() {
const isFocused = focusIndex === i;
const isCustom = edition.id.startsWith("custom_");
const isDownloading = downloadingId === edition.id;
+ const isComingSoon = edition.comingSoon;
return (
setFocusIndex(i)}
+ isSelected && !isComingSoon ? "bg-[#404040]/50" : ""
+ } ${isFocused && !isComingSoon ? "ring-2 ring-white" : ""} ${
+ isComingSoon ? "opacity-50 cursor-not-allowed" : ""
+ }`}
+ onMouseEnter={() => !isComingSoon && setFocusIndex(i)}
>
- {isDownloading ? (
+ {isComingSoon ? (
+

+ ) : isDownloading ? (
{Math.floor(downloadProgress || 0)}%
@@ -249,15 +259,16 @@ const VersionsView = memo(function VersionsView() {