settings navigation.tsx

100% Statements 4/4

100% Branches 0/0

100% Functions 2/2

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32  
 
 
 
 
 
 
 
 
 
 
1x
 
1x
1x
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { useEffect } from "react";
import { useNavigationSettings } from "../../hooks/useNavigationSettings";
import { SettingsScreenScaffold } from "../../components/settings/SettingsScreenScaffold";
import {
  SettingsCard,
  SettingsSectionLabel,
  SettingsSwitchRow,
} from "../../components/settings";
 
export default function SettingsNavigation() {
  const { avoidStairs, setAvoidStairs, hydrateFromStorage } =
    useNavigationSettings();
 
  useEffect(() => {
    void hydrateFromStorage();
  }, [hydrateFromStorage]);
 
  return (
    <SettingsScreenScaffold title="Navigation">
      <SettingsCard>
        <SettingsSectionLabel>Route Preferences</SettingsSectionLabel>
        <SettingsSwitchRow
          title="Avoid Stairs"
          subtitle="Prefer routes with elevators and ramps."
          value={avoidStairs}
          onValueChange={setAvoidStairs}
        />
      </SettingsCard>
    </SettingsScreenScaffold>
  );
}