kia-ml/src/screens/details/details-screen.js

Kia

import React, { useEffect } from 'react';
import { View, Text } 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 "./details-screen.style";
import { FlatList, ScrollView } from 'react-native-gesture-handler';
import { KiaIcon } from '../../components/icon/icon';
import { Icons } from '../../config/icons';
import { isEmptyString } from '../../utils/utils';
import { LinkText } from '../../components/link-text/link-text';
import { TouchableKiaIcon } from '../../components/icon/touchable-icon'; // import { useNavigation } from '@react-navigation/native';

export const DetailsScreen = observer(function DetailsScreen(props) {
  const {
    detailsStore
  } = useStores();
  const {
    route
  } = props;
  console.log(route.params.id);
  useEffect(() => {
    detailsStore.getRequest(route.params.id);
  }, []);

  const renderQA = ({
    item
  }) => {
    return /*#__PURE__*/React.createElement(View, {
      style: styles.rowView
    }, /*#__PURE__*/React.createElement(View, {
      style: styles.qaViewQA
    }, /*#__PURE__*/React.createElement(Text, {
      style: styles.cardTextQ
    }, "Q. " + item.question), /*#__PURE__*/React.createElement(Text, {
      style: styles.cardTextA
    }, "A. " + item.answer)), item.autoGenerated && /*#__PURE__*/React.createElement(View, {
      style: styles.qaViewIcon
    }, /*#__PURE__*/React.createElement(KiaIcon, {
      src: Icons.auto_gen
    })));
  };

  return /*#__PURE__*/React.createElement(BaseScreen, {
    active: "",
    title: "Details"
  }, /*#__PURE__*/React.createElement(ScrollView, null, /*#__PURE__*/React.createElement(View, {
    style: styles.titleView
  }, /*#__PURE__*/React.createElement(Text, {
    numberOfLines: 1,
    style: styles.titleText
  }, detailsStore.isRequestUnprocessed ? "Unprocessed" : detailsStore.request.response.title), /*#__PURE__*/React.createElement(TouchableKiaIcon, {
    onPress: detailsStore.request.toggleBookmark,
    iconProps: {
      size: "small",
      src: detailsStore.request.bookmarked ? Icons.bookmarks.yes : Icons.bookmarks.no
    }
  })), detailsStore.request.requestParams.jobs.indexOf("summary") != -1 && !detailsStore.isRequestUnprocessed && /*#__PURE__*/React.createElement(View, {
    style: styles.cardView
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.cardTitle
  }, "Summary"), /*#__PURE__*/React.createElement(Text, {
    style: styles.cardText
  }, detailsStore.request.response.summary.split("\n").join("\n\n"))), (detailsStore.request.requestParams.jobs.indexOf("qa") != -1 || detailsStore.request.requestParams.jobs.indexOf("gen_qa") != -1) && !detailsStore.isRequestUnprocessed && /*#__PURE__*/React.createElement(View, {
    style: styles.cardView
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.cardTitle
  }, "QA"), /*#__PURE__*/React.createElement(FlatList, {
    data: detailsStore.request.response.qa,
    renderItem: renderQA
  })), /*#__PURE__*/React.createElement(View, {
    style: styles.cardView
  }, !isEmptyString(detailsStore.request.requestParams.url) && /*#__PURE__*/React.createElement(View, {
    style: styles.linkTextView
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.cardTitle
  }, "Link to Article"), /*#__PURE__*/React.createElement(LinkText, {
    url: detailsStore.request.requestParams.url,
    text: detailsStore.request.requestParams.url
  })), (!isEmptyString(detailsStore.request.requestParams.longText) || !isEmptyString(detailsStore.request.response.longText)) && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
    style: styles.cardTitle
  }, "Original Text"), /*#__PURE__*/React.createElement(Text, {
    style: styles.cardText
  }, detailsStore.isRequestUnprocessed ? detailsStore.request.requestParams.longText : detailsStore.request.response.longText)))));
});
//# sourceMappingURL=details-screen.js.map