frontend: scroll to USB Storage section when navigating from Autoload

najdek · najdek · commit 6d14acf665d4 · 2026-06-02T00:33:29.000+02:00
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -542,7 +542,10 @@ function App() {
               config={config}
               onSaveConfig={handleSaveConfig}
               onToast={addToast}
-              onRedirect={(v) => setView(v)}
+              onRedirect={(v, target) => {
+                if (target) setStorageScrollTarget(target)
+                setView(v)
+              }}
             />
           )}
 
diff --git a/frontend/src/components/views/AutoloadView.jsx b/frontend/src/components/views/AutoloadView.jsx
@@ -145,7 +145,7 @@ const AutoloadView = ({ payloads, config, onSaveConfig, onToast, onRedirect }) =
           <div className="pt-8 border-t border-white/5 mt-8 text-center space-y-4">
             <p className="text-zinc-500 text-sm font-bold uppercase tracking-widest opacity-60">Missing a payload?</p>
             <button
-              onClick={() => onRedirect('storage')}
+              onClick={() => onRedirect('storage', 'usb-storage')}
               className="group flex flex-col items-center mx-auto space-y-3"
             >
               <div className="flex items-center space-x-3 text-ps-blue group-hover:text-white transition-colors">
diff --git a/frontend/src/components/views/StorageHub.jsx b/frontend/src/components/views/StorageHub.jsx
@@ -232,7 +232,7 @@ const StorageHub = ({ payloads, onInstall, onDelete, onUpload, onImportFromUsb,
       </section>
 
       {/* USB Storage Section */}
-      <section className="space-y-6">
+      <section id="usb-storage" className="space-y-6">
         <div className="flex items-center justify-between px-2">
           <h3 className="label-caps !text-ps-blue flex items-center space-x-4 text-lg">
             <HardDrive className="w-6 h-6" />

Original file line number	Diff line number	Diff line change
`@@ -145,7 +145,7 @@ const AutoloadView = ({ payloads, config, onSaveConfig, onToast, onRedirect }) =`
`145`	`145`	`<div className="pt-8 border-t border-white/5 mt-8 text-center space-y-4">`
`146`	`146`	`<p className="text-zinc-500 text-sm font-bold uppercase tracking-widest opacity-60">Missing a payload?</p>`
`147`	`147`	`<button`
`148`		`- onClick={() => onRedirect('storage')}`
	`148`	`+ onClick={() => onRedirect('storage', 'usb-storage')}`
`149`	`149`	`className="group flex flex-col items-center mx-auto space-y-3"`
`150`	`150`	`>`
`151`	`151`	`<div className="flex items-center space-x-3 text-ps-blue group-hover:text-white transition-colors">`