Add link to previous versions and update Cap Pro settings

Author: richiemcilroy

apps/desktop/src/routes/(window-chrome)/settings.tsx

@@ -2,6 +2,7 @@ import { Button } from "@cap/ui-solid";
 import { A, type RouteSectionProps } from "@solidjs/router";
 import { getVersion } from "@tauri-apps/api/app";
 import { getCurrentWindow, LogicalSize } from "@tauri-apps/api/window";
+import * as shell from "@tauri-apps/plugin-shell";
 import "@total-typescript/ts-reset/filter-boolean";
 import { createResource, For, onMount, Show, Suspense } from "solid-js";
 import { CapErrorBoundary } from "~/components/CapErrorBoundary";
@@ -100,7 +101,18 @@ export default function Settings(props: RouteSectionProps) {
 				</ul>
 				<div class="p-[0.625rem] text-left flex flex-col">
 					<Show when={version()}>
-						{(v) => <p class="mb-2 text-xs text-gray-11">v{v()}</p>}
+						{(v) => (
+							<div class="mb-2 text-xs text-gray-11 flex flex-col items-start gap-0.5">
+								<span>v{v()}</span>
+								<button
+									type="button"
+									class="text-gray-11 hover:text-gray-12 underline transition-colors"
+									onClick={() => shell.open("https://cap.so/download/versions")}
+								>
+									View previous versions
+								</button>
+							</div>
+						)}
 					</Show>
 					{auth.data ? (
 						<Button

apps/desktop/src/routes/(window-chrome)/settings/general.tsx

@@ -404,18 +404,6 @@ function Inner(props: { initialStore: GeneralSettingsStore | null }) {
 					}}
 				/>
 
-				<SettingGroup
-					title="Cap Pro"
-					titleStyling="bg-blue-500 py-1.5 mb-4 text-white text-xs px-2 rounded-lg"
-				>
-					<ToggleSettingItem
-						label="Automatically open shareable links"
-						description="Whether Cap should automatically open instant recordings in your browser"
-						value={!settings.disableAutoOpenLinks}
-						onChange={(v) => handleChange("disableAutoOpenLinks", !v)}
-					/>
-				</SettingGroup>
-
 				{ostype === "macos" && (
 					<SettingGroup title="App">
 						<ToggleSettingItem
@@ -556,6 +544,18 @@ function Inner(props: { initialStore: GeneralSettingsStore | null }) {
 					</div>
 				</SettingGroup>
 
+				<SettingGroup
+					title="Cap Pro Settings"
+					titleStyling="bg-blue-500 py-1.5 mb-4 text-white text-xs px-2 rounded-lg"
+				>
+					<ToggleSettingItem
+						label="Automatically open shareable links"
+						description="Whether Cap should automatically open instant recordings in your browser"
+						value={!settings.disableAutoOpenLinks}
+						onChange={(v) => handleChange("disableAutoOpenLinks", !v)}
+					/>
+				</SettingGroup>
+
 				<DefaultProjectNameCard
 					onChange={(value) =>
 						handleChange("defaultProjectNameTemplate", value)