Extract a list-items shared component #3229

src/read-side/html-pages/group-page/group-home-page/render-as-html/render-featured-lists-section.ts

@@ -1,8 +1,8 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../../types/html-fragment';
 import { ListCardViewModel, renderListCard } from '../../../shared-components/list-card';
+import { renderListItems } from '../../../shared-components/list-items';
 import { renderListOfCards } from '../../../shared-components/list-of-cards';
 
 export const renderFeaturedListsSection = (listCards: ReadonlyArray<ListCardViewModel>): HtmlFragment => pipe(

src/read-side/html-pages/group-page/group-home-page/render-as-html/render-list-of-article-cards-with-fallback.ts

@@ -1,9 +1,9 @@
 import * as E from 'fp-ts/Either';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../../types/html-fragment';
 import { renderArticleList } from '../../../shared-components/article-list';
+import { renderListItems } from '../../../shared-components/list-items';
 import { PaginationControlsViewModel, renderPaginationControls } from '../../../shared-components/pagination';
 import { renderPaperActivitySummaryCard } from '../../../shared-components/paper-activity-summary-card';
 import { renderErrorAsHtml } from '../../../shared-components/paper-activity-summary-card/render-error-as-html';

src/read-side/html-pages/group-page/group-lists-page/render-as-html/render-list-of-list-cards-with-fallback.ts

@@ -1,8 +1,8 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { flow, pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../../types/html-fragment';
 import { ListCardViewModel, renderListCard } from '../../../shared-components/list-card';
+import { renderListItems } from '../../../shared-components/list-items';
 import { renderListOfCards } from '../../../shared-components/list-of-cards';
 
 const renderCards = (cards: ReadonlyArray<HtmlFragment>) => pipe(

src/read-side/html-pages/groups-page/render-groups.ts

@@ -1,7 +1,7 @@
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../shared-components/render-list-items';
 import { supplementaryInfo } from '../../../shared-components/supplementary-info';
 import { HtmlFragment, toHtmlFragment } from '../../../types/html-fragment';
+import { renderListItems } from '../shared-components/list-items';
 import { renderListOfCards } from '../shared-components/list-of-cards';
 import { renderSupplementaryCard } from '../shared-components/supplementary-card';
 

src/read-side/html-pages/home-page/render-as-html/render-curation-teasers.ts

@@ -1,7 +1,7 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
+import { renderListItems } from '../../shared-components/list-items';
 import { ViewModel } from '../view-model';
 
 const renderCurationTeaser = (viewModel: ViewModel['curationTeasers'][number]) => toHtmlFragment(`

src/read-side/html-pages/home-page/render-as-html/render-groups.ts

@@ -1,8 +1,8 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { GroupLinkWithLogoViewModel, renderGroupLinkWithLogo } from '../../shared-components/group-link';
+import { renderListItems } from '../../shared-components/list-items';
 
 type GroupsViewModel = ReadonlyArray<GroupLinkWithLogoViewModel>;
 

src/read-side/html-pages/list-page/render-as-html/render-articles-list.ts

@@ -1,12 +1,12 @@
 import * as E from 'fp-ts/Either';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import {
   ArticleCardWithControlsAndAnnotationViewModel, renderArticleCardWithControlsAndAnnotation,
 } from '../../shared-components/article-card-with-controls-and-annotation';
 import { renderArticleList } from '../../shared-components/article-list';
+import { renderListItems } from '../../shared-components/list-items';
 import {
   PaperActivityErrorCardViewModel, renderPaperActivityErrorCard,
 } from '../../shared-components/paper-activity-summary-card';

src/read-side/html-pages/lists-page/render-as-html/render-page.ts

@@ -1,8 +1,8 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderListCard } from '../../shared-components/list-card';
+import { renderListItems } from '../../shared-components/list-items';
 import { renderListOfCards } from '../../shared-components/list-of-cards';
 import { renderPaginationControls } from '../../shared-components/pagination';
 import { ViewModel } from '../view-model';

src/read-side/html-pages/my-feed-page/my-feed/my-feed.ts

@@ -13,10 +13,10 @@ import {
   noEvaluationsYet,
   troubleFetchingTryAgain,
 } from './static-content';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { GroupId } from '../../../../types/group-id';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { UserId } from '../../../../types/user-id';
+import { renderListItems } from '../../shared-components/list-items';
 import { renderListOfCards } from '../../shared-components/list-of-cards';
 import { PageOfItems, paginate, renderLegacyPaginationControls } from '../../shared-components/pagination';
 import { renderPaperActivitySummaryCard } from '../../shared-components/paper-activity-summary-card';

src/read-side/html-pages/paper-activity-page/render-as-html/render-curation-statements.ts

@@ -2,9 +2,9 @@ import { htmlEscape } from 'escape-goat';
 import * as O from 'fp-ts/Option';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderLangAttribute } from '../../shared-components/lang-attribute';
+import { renderListItems } from '../../shared-components/list-items';
 import { ViewModel } from '../view-model';
 
 const renderGroupLogo = (curationStatement: ViewModel['curationStatements'][number]) => pipe(

src/read-side/html-pages/paper-activity-page/render-as-html/render-feed.ts

@@ -2,8 +2,8 @@ import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
 import { renderEvaluationPublishedFeedItem } from './render-evaluation-published-feed-item';
 import { renderExpressionPublishedFeedItem } from './render-expression-published-feed-item';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
+import { renderListItems } from '../../shared-components/list-items';
 import { FeedItem } from '../view-model';
 
 const renderFeedItem = (feedItem: FeedItem) => {

src/read-side/html-pages/paper-activity-page/render-as-html/render-listed-in.ts

@@ -1,8 +1,8 @@
 import { htmlEscape } from 'escape-goat';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { flow, pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
+import { renderListItems } from '../../shared-components/list-items';
 import { ViewModel } from '../view-model';
 
 const renderList = (listContent: string) => `

src/read-side/html-pages/paper-activity-page/render-as-html/render-related-articles.ts

@@ -1,9 +1,9 @@
 import * as O from 'fp-ts/Option';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderArticleList } from '../../shared-components/article-list';
+import { renderListItems } from '../../shared-components/list-items';
 import { renderAsHtml } from '../../shared-components/paper-activity-summary-card/render-as-html';
 import { ViewModel } from '../view-model';
 

src/read-side/html-pages/paper-activity-page/render-as-html/render-reviewing-groups.ts

@@ -1,8 +1,8 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderGroupLinkWithLogo } from '../../shared-components/group-link';
+import { renderListItems } from '../../shared-components/list-items';
 import { ViewModel } from '../view-model';
 
 export const renderReviewingGroups = (reviewingGroups: ViewModel['reviewingGroups']): HtmlFragment => {

src/read-side/html-pages/sciety-feed-page/render-as-html/render-page.ts

@@ -2,9 +2,9 @@ import * as O from 'fp-ts/Option';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
 import { renderScietyFeedCard } from './render-sciety-feed-card';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { supplementaryInfo } from '../../../../shared-components/supplementary-info';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
+import { renderListItems } from '../../shared-components/list-items';
 import { renderListOfCards } from '../../shared-components/list-of-cards';
 import { renderLegacyPaginationControls } from '../../shared-components/pagination';
 import { renderSupplementaryCard } from '../../shared-components/supplementary-card';

src/read-side/html-pages/search-results-page/render-as-html/render-related-groups.ts

@@ -1,8 +1,8 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderGroupLinkWithLogo } from '../../shared-components/group-link';
+import { renderListItems } from '../../shared-components/list-items';
 import { ViewModel } from '../view-model';
 
 export const renderRelatedGroups = (relatedGroups: ViewModel['relatedGroups']): HtmlFragment => (relatedGroups.tag === 'some-related-groups'

src/read-side/html-pages/search-results-page/render-as-html/render-search-results-list.ts

@@ -1,9 +1,9 @@
 import * as O from 'fp-ts/Option';
 import * as RNEA from 'fp-ts/ReadonlyNonEmptyArray';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderArticleList } from '../../shared-components/article-list';
+import { renderListItems } from '../../shared-components/list-items';
 
 export const renderSearchResultsList = (cards: ReadonlyArray<HtmlFragment>): O.Option<HtmlFragment> => pipe(
   cards,

src/read-side/html-pages/shared-components/list-items/index.ts

@@ -0,0 +1 @@
+export { renderListItems } from './render-list-items';

src/shared-components/render-list-items.ts → src/read-side/html-pages/shared-components/list-items/render-list-items.ts

@@ -1,6 +1,6 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
-import { HtmlFragment, toHtmlFragment } from '../types/html-fragment';
+import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 
 type ItemClass = string | undefined;
 

src/read-side/html-pages/style-guide-page/shared-components-page.ts

@@ -1,6 +1,5 @@
 import * as O from 'fp-ts/Option';
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../shared-components/render-list-items';
 import * as DE from '../../../types/data-error';
 import * as EDOI from '../../../types/expression-doi';
 import { toHtmlFragment } from '../../../types/html-fragment';
@@ -12,6 +11,7 @@ import {
   renderArticleCardWithControlsAndAnnotation,
 } from '../shared-components/article-card-with-controls-and-annotation';
 import { renderListCard } from '../shared-components/list-card';
+import { renderListItems } from '../shared-components/list-items';
 import { renderListOfCards } from '../shared-components/list-of-cards';
 import { renderPaginationControls } from '../shared-components/pagination';
 import { renderPaperActivityErrorCard } from '../shared-components/paper-activity-summary-card';

src/read-side/html-pages/user-page/user-following-page/render-as-html/render-follow-list.ts

@@ -1,6 +1,6 @@
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from '../../../../../shared-components/render-list-items';
 import { HtmlFragment } from '../../../../../types/html-fragment';
+import { renderListItems } from '../../../shared-components/list-items';
 import { renderListOfCards } from '../../../shared-components/list-of-cards';
 
 export const renderFollowList = (list: ReadonlyArray<HtmlFragment>): HtmlFragment => pipe(

src/read-side/html-pages/user-page/user-lists-page/render-as-html/render-main-content.ts

@@ -2,9 +2,9 @@ import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
 import { tabList } from './tab-list';
 import { pathToSubmitCreateList } from '../../../../../http/form-submission-handlers/submit-paths';
-import { renderListItems } from '../../../../../shared-components/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../../../../../types/html-fragment';
 import { ListCardViewModel, renderListCard } from '../../../shared-components/list-card';
+import { renderListItems } from '../../../shared-components/list-items';
 import { renderListOfCards } from '../../../shared-components/list-of-cards';
 import { renderTabs } from '../../../shared-components/tabs';
 import { ListsTab, ViewModel } from '../view-model';

src/shared-components/supplementary-info.ts

@@ -1,5 +1,5 @@
 import { pipe } from 'fp-ts/function';
-import { renderListItems } from './render-list-items';
+import { renderListItems } from '../read-side/html-pages/shared-components/list-items/render-list-items';
 import { HtmlFragment, toHtmlFragment } from '../types/html-fragment';
 
 type SupplementaryInfo = (items: ReadonlyArray<HtmlFragment>, modifierClass?: string) => HtmlFragment;