Changing tab on the top will reset the flashing process, resulting in a brick

[ggoraa]

If i select a tab over here while I am flashing my radio, it will reset, resulting in a bricked radio
I would suggest just disabling those tabs while flashing, with a hover tooltip explaining why it's disabled

[freshollie]

This is a good point. I need to fix the deploy process for our new hosting but happy to get this in as a feature. For the bricked radio, is it possible to unbrick?

[ggoraa]

Yea, I can easily unbrick it by just flashing again, bootloader is not affected on error

[raphaelcoeffic]

Just an idea at this point: what about folding the title bar while flashing and unfolding it once flashing is done?

[pfeerick]

I can't say I'm a fan of that idea (I don't like UIs that hide stuff and then give it back later). If going that way, I probably would have prefered a popup, which implies exclusive focus.

This is the relevant creation block for that menu:

buddy/src/renderer/Layout.tsx

Lines 187 to 204 in f912b8e

	<Menu
	theme="dark"
	mode="horizontal"
	selectedKeys={[location.pathname.split("/")[1] as string]}
	style={{ flex: 1, boxShadow: "none" }}
	>
	<Menu.Item key="flash">
	<Link to="/flash">{t(`Radio firmware`)}</Link>
	</Menu.Item>
	<Menu.Item key="sdcard">
	<Link to="/sdcard">{t(`SD Card content`)}</Link>
	</Menu.Item>
	{settings.expertMode && (
	<Menu.Item key="dev">
	<Link to="/dev">{t(`Dev tools`)}</Link>
	</Menu.Item>
	)}
	</Menu>

I'm also relatively clueless regarding nodejs/electron, but am wondering if another style parameter can be added it that tracks a variable so that it can be disabled while at say the DeviceSelectionStep and OverviewStep steps (or perhaps just the latter?).

i.e. if pointer-events: none; can be injected, it will disabled the header buttons, but leave the GitHub and settings cog active (which should be safe, as one only changes options in place, and the other opens a new browser window). Setting pointer-events to auto will restore interaction with the menu options. Just can't readily see how to add that myself 🤪

[freshollie]

Yes, that could be an easy option. Another way is to just add a useBlocker on the flashing status page to prevent navigation whilst flashing is taking place:
https://reactrouter.com/en/main/hooks/use-blocker

[raphaelcoeffic]

Yes, that could be an easy option. Another way is to just add a useBlocker on the flashing status page to prevent navigation whilst flashing is taking place: https://reactrouter.com/en/main/hooks/use-blocker

Thx for the hint! I'll look into this!