Create standalone browser port of LTX Athena with authenticated native API transport

2026-09-29 17:59:23 +02:00
commit 1333b0c36b
202 changed files with 63054 additions and 0 deletions
@@ -0,0 +1,53 @@
+import { ChevronDown, ChevronUp } from 'lucide-react'
+import { SettingsDropdown } from '../../components/SettingsDropdown'
+import {
+  GENSPACE_SORT_OPTIONS,
+  type GenSpaceSortDir,
+  type GenSpaceSortKey,
+} from '../../lib/genspace-gallery'
+
+const toolbarTriggerClass = 'px-3 py-1.5 text-sm font-medium text-zinc-400 hover:text-white rounded-r-none'
+
+export function GenSpaceSortMenu({
+  sortKey,
+  sortDir,
+  onSortKeyChange,
+  onToggleSortDir,
+}: {
+  sortKey: GenSpaceSortKey
+  sortDir: GenSpaceSortDir
+  onSortKeyChange: (key: GenSpaceSortKey) => void
+  onToggleSortDir: () => void
+}) {
+  const currentLabel = GENSPACE_SORT_OPTIONS.find(option => option.value === sortKey)?.label ?? 'Date'
+  const DirectionIcon = sortDir === 'desc' ? ChevronDown : ChevronUp
+  const directionLabel = sortDir === 'desc' ? 'Descending' : 'Ascending'
+
+  return (
+    <div className="flex items-center">
+      <SettingsDropdown
+        placement="below"
+        title="Sort"
+        value={sortKey}
+        onChange={next => onSortKeyChange(next as GenSpaceSortKey)}
+        triggerClassName={toolbarTriggerClass}
+        trigger={
+          <>
+            <span>{currentLabel}</span>
+            <ChevronDown className="h-3.5 w-3.5 text-zinc-500" />
+          </>
+        }
+        options={GENSPACE_SORT_OPTIONS}
+      />
+      <button
+        type="button"
+        onClick={onToggleSortDir}
+        title={directionLabel}
+        aria-label={`Sort ${directionLabel.toLowerCase()}`}
+        className="p-1.5 rounded-md rounded-l-none border-l border-zinc-700 text-zinc-400 hover:text-white hover:bg-zinc-800 transition-colors"
+      >
+        <DirectionIcon className="h-3.5 w-3.5" />
+      </button>
+    </div>
+  )
+}