Update OS requirements and improve Mac download instructions

Author: flavioislima

pages/api/constants.ts

@@ -1,8 +1,8 @@
 export const osRequirements = {
   linux:
-    'Ubuntu 20.04LTS or newer, Fedora 33 or newer, Arch Linux and derivatives (such as Manjaro, Garuda, and EndeavourOS). Heroic will work on most other Linux distros, but it may require some additional setup and troubleshooting. It is also supported on SteamOS, but downloading is only available through the Discover software center.',
+    'Ubuntu 22.04 or newer, OpenSuse Tumbleweed, Fedora 37 or newer, Arch Linux and derivatives (such as Manjaro, Garuda, and EndeavourOS). Heroic will work on most other Linux distros, but it may require some additional setup and troubleshooting. It is also supported on SteamOS, but downloading is only available through the Discover software center.',
   windows: 'Windows 10 and 11',
-  macos: 'macOS 12 or newer.'
+  macos: 'macOS 14 or newer.'
 }
 
 export const faqs: { question: string; answer: string[] }[] = [

pages/downloads.tsx

@@ -204,58 +204,55 @@ const Downloads: NextPage = () => {
             <summary>MacOS</summary>
             <p>Supported OS versions: {osRequirements.macos}</p>
             <div className="grid">
-              <article className={styles.downloadBoxes}>
-                <h4>Intel Chips</h4>
+            <article className={styles.downloadBoxes}>
+                <h4>Apple Chips (M1 and Newer)</h4>
                 <p>
-                  Optimized for Intel Chips. Open it and copy the Heroic App to
-                  the Applications folder and you are good to go!
+                  Optimized for Apple Silicon Chips. Open it and copy the Heroic
+                  App to the Applications folder and you are good to go!
                 </p>
                 <footer>
-                  <a href={releases.Mac}>
+                  <a href={releases.MacArm}>
                     <strong onClick={() => handleDownload('mac-stable')}>
                       Stable
                     </strong>
                     <span className="smallText">
-                      {` (${releases.Mac.split('/')[7]})`}
+                      {` (${releases.MacArm.split('/')[7]})`}
                     </span>
                   </a>
-                  {releases.MacBeta && (
-                    <a href={releases.MacBeta}>
+                  {releases.MacArmBeta && (
+                    <a href={releases.MacArmBeta}>
                       <strong onClick={() => handleDownload('mac-beta')}>
                         Beta
                       </strong>
                       <span className="smallText">
-                        {` (${releases.MacBeta.split('/')[7] ?? ''})`}
+                        {` (${releases.MacArmBeta.split('/')[7] ?? ''})`}
                       </span>
                     </a>
                   )}
                 </footer>
               </article>
               <article className={styles.downloadBoxes}>
-                <h4>Apple Chips (M1/M2/M3)</h4>
+                <h4>Intel Chips</h4>
                 <p>
-                  Might need to run this command on the terminal to make it
-                  work:
-                  <code>
-                    xattr -r -d com.apple.quarantine /Applications/Heroic.app
-                  </code>
+                  Optimized for Intel Chips. Open it and copy the Heroic App to
+                  the Applications folder and you are good to go!
                 </p>
                 <footer>
-                  <a href={releases.MacArm}>
+                  <a href={releases.Mac}>
                     <strong onClick={() => handleDownload('mac-stable')}>
                       Stable
                     </strong>
                     <span className="smallText">
-                      {` (${releases.MacArm.split('/')[7]})`}
+                      {` (${releases.Mac.split('/')[7]})`}
                     </span>
                   </a>
-                  {releases.MacArmBeta && (
-                    <a href={releases.MacArmBeta}>
+                  {releases.MacBeta && (
+                    <a href={releases.MacBeta}>
                       <strong onClick={() => handleDownload('mac-beta')}>
                         Beta
                       </strong>
                       <span className="smallText">
-                        {` (${releases.MacArmBeta.split('/')[7] ?? ''})`}
+                        {` (${releases.MacBeta.split('/')[7] ?? ''})`}
                       </span>
                     </a>
                   )}