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 ? ( + Coming Soon + ) : isDownloading ? ( {Math.floor(downloadProgress || 0)}% @@ -249,15 +259,16 @@ const VersionsView = memo(function VersionsView() {
+ ) : edition.comingSoon ? ( +
) : (