jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Migrated hooks/autoCompleteSheet to TypeScript

Browse Source 
Summary: Migrated autoCompleteSheet.js to autoCompleteSheet.tsx

Reviewed By: danielbuechele

Differential Revision: D17133608

fbshipit-source-id: eba06c5add7687e013b8f0e2b430b359dbf1cb48
This commit is contained in:
Benjamin Elo
2019-09-02 03:54:48 -07:00
committed by Facebook Github Bot
parent 950bbbf97d
commit 5877c1df96
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/navigation/components/AutoCompleteSheet.js
View File

@@ -7,7 +7,7 @@
*/ */
import {Glyph, styled} from 'flipper'; import {Glyph, styled} from 'flipper';
import {useItemNavigation} from '../hooks/autoCompleteSheet'; import {useItemNavigation} from '../hooks/autoCompleteSheet.tsx';
import {filterProvidersToLineItems} from '../util/autoCompleteProvider.tsx'; import {filterProvidersToLineItems} from '../util/autoCompleteProvider.tsx';
import type {AutoCompleteProvider} from '../flow-types'; import type {AutoCompleteProvider} from '../flow-types';

9
src/plugins/navigation/hooks/autoCompleteSheet.js → src/plugins/navigation/hooks/autoCompleteSheet.tsx
View File

@@ -3,20 +3,19 @@
* This source code is licensed under the MIT license found in the * This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree. * LICENSE file in the root directory of this source tree.
* @format * @format
* @flow strict-local
*/ */
import {useEffect, useState} from 'react'; import {useEffect, useState} from 'react';
import type {AutoCompleteLineItem} from '../flow-types'; import {AutoCompleteLineItem} from '../types';
export const useItemNavigation = ( export const useItemNavigation = (
lineItems: Array<AutoCompleteLineItem>, lineItems: Array<AutoCompleteLineItem>,
onHighlighted: string => void, onHighlighted: (uri: string) => void,
) => { ) => {
const [selectedItem, setSelectedItem] = useState(0); const [selectedItem, setSelectedItem] = useState(0);
const handleKeyPress = ({key}) => { const handleKeyPress = (event: KeyboardEvent) => {
switch (key) { switch (event.key) {
case 'ArrowDown': { case 'ArrowDown': {
const newSelectedItem = const newSelectedItem =
selectedItem < lineItems.length - 1 selectedItem < lineItems.length - 1