// withHooks

import { LibFocus } from 'esoftplay/cache/lib/focus/import';
import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { MarketHeader } from 'esoftplay/cache/market/header/import';
import { MarketOrder_detail_review_item } from 'esoftplay/cache/market/order_detail_review_item/import';
import useSafeState from 'esoftplay/state';

import React from 'react';
import { View } from 'react-native';


export interface MarketOrder_detail_reviewArgs {
  invoice_id: string,
  invoice_merchant: string
}
export interface MarketOrder_detail_reviewProps {

}
export default function m(props: MarketOrder_detail_reviewProps): any {
  const { invoice_id, invoice_merchant } = LibNavigation.getArgsAll<any>(props)
  const [counter, setCounter] = useSafeState(0)

  function renderItems(item: any, i: number) {
    return (
      <MarketOrder_detail_review_item key={i} {...item} />
    )
  }

  return (
    <View style={{ flex: 1 }} >
      <MarketHeader title={invoice_merchant} onlyBack />
      <LibFocus onFocus={() => setCounter(counter + 1)} />
      <LibInfinite
        key={counter}
        url={"shop/order_review?invoice_id=" + invoice_id}
        renderItem={renderItems}
      />
    </View>
  )
}