function renderSubArticles()

in src/views/article/article__details.tsx [86:139]
52 lines of code
3 McCabe index (conditional complexity)

  function renderSubArticles(
    article: Article,
    onHide: () => any = () => Router.pop(),
    backIcon?: any,
  ) {
    const renderArticle = ({item}: {item: Article}) => {
      return (
        <ArticleWithChildren
          style={styles.subArticleItem}
          article={item}
          onArticlePress={(article: Article) => {
            if (props.isSplitView) {
              Router.KnowledgeBase({
                lastVisitedArticle: article,
                preventReload: true,
              });
            } else {
              Router.Article({
                articlePlaceholder: article,
                storePrevArticle: true,
                store: true,
                storeRouteName: routeMap.ArticleSingle,
              });
            }
          }}
          onShowSubArticles={(childArticle: Article) =>
            navigateToSubArticlePage(childArticle)
          }
        />
      );
    };

    return (
      <>
        <Header
          style={styles.subArticlesHeader}
          leftButton={backIcon || <IconBack color={styles.link.color} />}
          onBack={onHide}
        >
          <Text numberOfLines={2} style={styles.articlesHeaderText}>
            {article.summary}
          </Text>
        </Header>

        <FlatList
          data={article.childArticles}
          keyExtractor={(it: Article) => it.id}
          getItemLayout={Select.getItemLayout}
          renderItem={renderArticle}
          ItemSeparatorComponent={Select.renderSeparator}
        />
      </>
    );
  }