sendnrw/netbird
2
0
Fork 0
mirror of https://github.com/netbirdio/netbird.git synced 2026-07-19 15:01:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

make management switch accessible

Browse Source
This commit is contained in:
Eduard Gert
2026-06-18 12:56:40 +02:00
parent cc842f17d5
commit 9cbaf62eda
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/ui/frontend/src/components/switches/SwitchItem.tsx
View File

@@ -19,7 +19,8 @@ export const SwitchItem = ({ value, children, className }: Props) => {
value={value}
className={cn(
"relative inline-flex items-center justify-center gap-1 rounded-md px-3.5 py-2 text-xs font-semibold",
"outline-none cursor-default",
"cursor-default outline-none",
"focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-nb-gray-940",
active
? "text-nb-gray-100"
: "text-nb-gray-400 hover:text-nb-gray-200 active:text-nb-gray-100",

10
client/ui/frontend/src/modules/welcome/WelcomeStepManagement.tsx
View File

@@ -39,12 +39,21 @@ export function WelcomeStepManagement({
const trimmedUrl = url.trim();
const syntaxValid = mode === ManagementMode.Cloud || isValidManagementUrl(trimmedUrl);
const inputRef = useRef<HTMLInputElement | null>(null);
const initialMountRef = useRef(true);
const initialSelfHostedRef = useRef(!startsCloud);
useEffect(() => {
setSyntaxError(null);
setUnreachable(false);
}, [url, mode]);
useEffect(() => {
if (initialMountRef.current && initialSelfHostedRef.current) {
inputRef.current?.focus();
}
initialMountRef.current = false;
}, []);
const handleContinue = useCallback(async () => {
if (checking) return;
if (mode === ManagementMode.SelfHosted && (!trimmedUrl || !syntaxValid)) {
@@ -102,7 +111,6 @@ export function WelcomeStepManagement({
onChange={(e) => setUrl(e.target.value)}
error={inputError}
warning={inputWarning}
autoFocus
spellCheck={false}
autoComplete={"off"}
autoCorrect={"off"}