All files / src/components/settings/section SettingsSectionControls.tsx

0% Statements 0/8
100% Branches 0/0
0% Functions 0/1
0% Lines 0/7

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 33 34                                                                   
import React from "react";
import l10n from "shared/lib/lang/l10n";
import CustomControlsPicker from "components/forms/CustomControlsPicker";
import { CardAnchor, CardHeading } from "ui/cards/Card";
import { SearchableCard } from "ui/cards/SearchableCard";
 
interface SettingsSectionControlsProps {
  searchTerm: string;
}
 
export const SettingsSectionControls = ({
  searchTerm,
}: SettingsSectionControlsProps) => {
  return (
    <SearchableCard
      searchTerm={searchTerm}
      searchMatches={[
        l10n("FIELD_DIRECTION_UP"),
        l10n("FIELD_DIRECTION_DOWN"),
        l10n("FIELD_DIRECTION_LEFT"),
        l10n("FIELD_DIRECTION_RIGHT"),
        "A",
        "B",
        "Start",
        "Select",
      ]}
    >
      <CardAnchor id="settingsControls" />
      <CardHeading>{l10n("SETTINGS_CONTROLS")}</CardHeading>
      <CustomControlsPicker searchTerm={searchTerm} />
    </SearchableCard>
  );
};