Add release channel picker to browse filter sheet

src/plugins/start/settings.plugins/components/BrowseFilterAndSortActionSheet.tsx

@@ -32,6 +32,11 @@ export interface BrowseFilterAndSortActionSheetProps {
     /** Checked repository URLs. */
     checked: string[]
     setChecked: (urls: string[]) => void
+    /** Available release channels across all listings. */
+    channels: string[]
+    /** Selected release channel. Empty string means default. */
+    channel: string
+    setChannel: (channel: string) => void
     sort: BrowseSortKey
     setSort: (sort: BrowseSortKey) => void
     reverse: boolean
@@ -42,6 +47,9 @@ export default function BrowseFilterAndSortActionSheet({
     repos,
     checked,
     setChecked,
+    channels,
+    channel,
+    setChannel,
     sort,
     setSort,
     reverse,
@@ -76,6 +84,19 @@ export default function BrowseFilterAndSortActionSheet({
                     )
                 })}
             </TableRowGroup>
+            <TableRadioGroup
+                title="Release channel"
+                defaultValue={channel}
+                onChange={v => setChannel(v as string)}
+            >
+                <TableRadioRow
+                    label="Default (latest / first available)"
+                    value=""
+                />
+                {channels.map(c => (
+                    <TableRadioRow key={c} label={c} value={c} />
+                ))}
+            </TableRadioGroup>
             <TableRadioGroup
                 title="Sort by"
                 defaultValue={sort}