kia-ml/src/screens/search/new-search-screen.js

Kia

import React, { useState } from 'react';
import { TextInput, View, Text, TouchableOpacity } from "react-native";
import { observer } from 'mobx-react-lite';
import { BaseScreen } from '../base-screen';
import { useStores } from "../../models/root-store/root-store-context";
import * as styles from "./search-style";
import { Checkbox } from '../../components/checkbox/checkbox';
import { isEmptyString } from '../../utils/utils';
import { useNavigation } from '@react-navigation/core';
export const NewSearchScreen = observer(function NewSeaarchScreen() {
  const [isLocal, setGlobal] = useState(false);
  const [searchQuery, onInputChange] = useState("");
  const {
    searchStore
  } = useStores();
  const navigation = useNavigation(); // const nav = navigation.navigate("search", {isGlobal: !isLocal, query: searchQuery});

  const onSearchButtonClick = () => {
    console.log(searchQuery);
    console.log(isLocal);

    if (searchQuery && !isEmptyString(searchQuery)) {
      navigation.navigate("search", {
        isGlobal: !isLocal,
        query: searchQuery
      });
    }
  };

  return /*#__PURE__*/React.createElement(BaseScreen, {
    active: "search",
    title: "Search",
    paginatedLoading: searchStore.store.loading.paginatedLoading
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.baseView
  }, /*#__PURE__*/React.createElement(TextInput, {
    style: styles.input,
    onChangeText: onInputChange,
    placeholder: "Type something ...",
    returnKeyType: "search",
    onSubmitEditing: onSearchButtonClick
  }), /*#__PURE__*/React.createElement(Checkbox, {
    checked: isLocal,
    text: "Search my articles only",
    onCheckboxPress: setGlobal
  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: onSearchButtonClick,
    style: styles.searchButton
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.searchText
  }, "Search"))));
});
//# sourceMappingURL=new-search-screen.js.map