add extra info about OS requirements for mainline

FAQ.md

@@ -65,10 +65,9 @@ A single delay frame is equal to 4 buffer in traditional Dolphin netplay. Our re
 
 If you want to change this value, first open Dolphin (if using the Launcher go to Settings -> Netplay -> Configure Dolphin) and go to `Config` -> `GameCube`. At the bottom you will see the option to update the Delay Frames. You can update this value at any time but it will only update for the next game you play.
 
-## Can I use Widescreen when playing Slippi Online?
-
-Yes. To enable Widescreen for Slippi Online follow these steps. Open Dolphin (if using the Launcher go to Settings -> Netplay -> Configure Dolphin), right click on your Melee in the games list, go to Properties -> Gecko Codes. Then enable the Widescreen gecko code and set the Dolphin aspect ratio to 16:9 under the Graphics settings. Do not use the dolphin widescreen hack, it does not have the same effect as the gecko code.
+## Can I use Widescreen (16:9) when playing Slippi Online?
 
+Yes, to enable widescreen go to the Netplay in the Launcher settings depending > `Manage Gecko Codes` > and enable the Widescreen gecko code. You can do the same for replays by going to the Playback tab instead.
 ## Is UCF included in Slippi Online?
 
 Yes, we currently ship with UCF 0.8 and it is applied everywhere by default.
@@ -88,3 +87,12 @@ Some computers will have issues polling the adapter at the correct rate on some
 ## Where are my replays?
 
 Replays are stored by default in `Documents/Slippi` on Windows and `~/Slippi` on macOS and Linux. The replay directory is configurable in the `Replays` settings tab of the Launcher.
+
+## Mainline Slippi Dolphin (Beta)
+
+### Updated OS Requirements
+- Windows 10 or newer
+- macOS Catalina (10.15) or newer
+- Ubuntu 22.04 or newer and the following packages
+  - libfuse2
+  - qt6-qpa-plugins

src/renderer/containers/Settings/DolphinSettings.tsx

@@ -14,6 +14,7 @@ import { ConfirmationModal } from "@/components/ConfirmationModal";
 import { useDolphinActions } from "@/lib/dolphin/useDolphinActions";
 import { DolphinStatus, useDolphinStore } from "@/lib/dolphin/useDolphinStore";
 import { useDolphinBeta } from "@/lib/hooks/useSettings";
+import { useToasts } from "@/lib/hooks/useToasts";
 import { useServices } from "@/services";
 
 import { GeckoCodes } from "./GeckoCodes/GeckoCodes";
@@ -41,14 +42,17 @@ export const DolphinSettings = ({ dolphinType }: { dolphinType: DolphinLaunchTyp
   const [isResetType, setResetType] = React.useState<ResetType | null>(null);
   const { dolphinService } = useServices();
   const { openConfigureDolphin, hardResetDolphin, softResetDolphin, importDolphin } = useDolphinActions(dolphinService);
-
+  const { showWarning } = useToasts();
   const dolphinIsReady = dolphinStatus === DolphinStatus.READY && !dolphinIsOpen && isResetType === null;
   const versionString: string =
     dolphinStatus === DolphinStatus.UNKNOWN ? "Not found" : !dolphinVersion ? "Unknown" : dolphinVersion;
 
   const onDolphinBetaChange = async (value: string) => {
     setResetType(ResetType.SOFT);
     const useBeta = value === "true";
+    if (useBeta) {
+      showWarning("Mainline Slippi Dolphin has updated OS requirements, check the Help Section for more info");
+    }
     await setDolphinBeta(useBeta);
     await softResetDolphin(dolphinType);
     setResetType(null);
@@ -172,16 +176,8 @@ export const DolphinSettings = ({ dolphinType }: { dolphinType: DolphinLaunchTyp
           description="Choose which Slippi Dolphin version to install"
         >
           <RadioGroup value={dolphinBeta} onChange={(_event, value) => onDolphinBetaChange(value)}>
-            <FormControlLabel
-              value={false}
-              label="Stable (Ishiiruka)"
-              control={<Radio disabled={dolphinIsOpen || isResetType !== null} />}
-            />
-            <FormControlLabel
-              value={true}
-              label="Beta (Mainline)"
-              control={<Radio disabled={dolphinIsOpen || isResetType !== null} />}
-            />
+            <FormControlLabel value={false} label="Stable (Ishiiruka)" control={<Radio disabled={!dolphinIsReady} />} />
+            <FormControlLabel value={true} label="Beta (Mainline)" control={<Radio disabled={!dolphinIsReady} />} />
           </RadioGroup>
         </SettingItem>
       )}