Encapsulate renderCountWithDescriptor within html-pages

src/read-side/html-pages/group-page/group-followers-page/render-as-html/render-main-content.ts

@@ -1,10 +1,10 @@
 import { htmlEscape } from 'escape-goat';
 import * as RA from 'fp-ts/ReadonlyArray';
 import { flow, pipe } from 'fp-ts/function';
-import { renderCountWithDescriptor } from '../../../../../shared-components/render-count-with-descriptor';
 import { HtmlFragment, toHtmlFragment } from '../../../../../types/html-fragment';
 import { renderListOfCards } from '../../../shared-components/list-of-cards';
 import { renderPaginationControls } from '../../../shared-components/pagination';
+import { renderCountWithDescriptor } from '../../../shared-components/render-count-with-descriptor';
 import { ViewModel, UserCardViewModel } from '../view-model';
 
 const renderUserCard = (userCard: UserCardViewModel): HtmlFragment => toHtmlFragment(`

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

@@ -1,6 +1,6 @@
 import { renderListOfListCardsWithFallback } from './render-list-of-list-cards-with-fallback';
-import { renderCountWithDescriptor } from '../../../../../shared-components/render-count-with-descriptor';
 import { HtmlFragment, toHtmlFragment } from '../../../../../types/html-fragment';
+import { renderCountWithDescriptor } from '../../../shared-components/render-count-with-descriptor';
 import { ViewModel } from '../view-model';
 
 const renderListCount = (listCount: ViewModel['listCount']) => `<p>This group has ${renderCountWithDescriptor(listCount, 'list', 'lists')}.</p>`;

src/read-side/html-pages/shared-components/group-card/render-group-card.ts

@@ -2,9 +2,9 @@ import { htmlEscape } from 'escape-goat';
 import * as O from 'fp-ts/Option';
 import { flow, pipe } from 'fp-ts/function';
 import { GroupCardViewModel } from './view-model';
-import { renderCountWithDescriptor } from '../../../../shared-components/render-count-with-descriptor';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { templateDate } from '../date';
+import { renderCountWithDescriptor } from '../render-count-with-descriptor';
 
 const wrapInSpan = (text: string) => toHtmlFragment(`<span>${text}</span>`);
 

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

@@ -2,12 +2,12 @@ import { htmlEscape } from 'escape-goat';
 import * as O from 'fp-ts/Option';
 import { pipe } from 'fp-ts/function';
 import { safelyRenderRawUserInput } from '../../../../shared-components/raw-user-input-renderers';
-import { renderCountWithDescriptor } from '../../../../shared-components/render-count-with-descriptor';
 import { renderListPageLinkHref } from '../../../../shared-components/render-list-page-link-href';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { ListId } from '../../../../types/list-id';
 import { RawUserInput } from '../../../raw-user-input';
 import { templateDate } from '../date';
+import { renderCountWithDescriptor } from '../render-count-with-descriptor';
 
 type Curator = {
   avatarSrc: string,

src/read-side/html-pages/shared-components/paper-activity-summary-card/render-card-authors.ts

@@ -3,9 +3,9 @@ import * as O from 'fp-ts/Option';
 import * as RA from 'fp-ts/ReadonlyArray';
 import * as RNEA from 'fp-ts/ReadonlyNonEmptyArray';
 import { constant, flow, pipe } from 'fp-ts/function';
-import { renderCountWithDescriptor } from '../../../../shared-components/render-count-with-descriptor';
 import { ArticleAuthors } from '../../../../types/article-authors';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
+import { renderCountWithDescriptor } from '../render-count-with-descriptor';
 
 type RenderAuthors = (authors: ArticleAuthors) => HtmlFragment;
 

src/read-side/html-pages/shared-components/paper-activity-summary-card/render-curation-statements.ts

@@ -1,9 +1,9 @@
 import * as RA from 'fp-ts/ReadonlyArray';
 import { pipe } from 'fp-ts/function';
 import { ViewModel } from './view-model';
-import { renderCountWithDescriptor } from '../../../../shared-components/render-count-with-descriptor';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { renderLangAttribute } from '../lang-attribute';
+import { renderCountWithDescriptor } from '../render-count-with-descriptor';
 
 export const renderCurationStatements = (curationStatementsTeasers: ViewModel['curationStatementsTeasers']): HtmlFragment => {
   if (curationStatementsTeasers.length === 0) {

src/read-side/html-pages/shared-components/paper-activity-summary-card/render-meta.ts

@@ -1,9 +1,9 @@
 import * as O from 'fp-ts/Option';
 import { constant, flow, pipe } from 'fp-ts/function';
 import { ViewModel } from './view-model';
-import { renderCountWithDescriptor } from '../../../../shared-components/render-count-with-descriptor';
 import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
 import { templateDate } from '../date';
+import { renderCountWithDescriptor } from '../render-count-with-descriptor';
 
 const wrapInSpan = (text: string) => toHtmlFragment(`<span>${text}</span>`);
 

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

@@ -1,5 +1,5 @@
-import { renderCountWithDescriptor } from '../../../../../shared-components/render-count-with-descriptor';
 import { NotHtml } from '../../../html-page';
+import { renderCountWithDescriptor } from '../../../shared-components/render-count-with-descriptor';
 import { ViewModel } from '../view-model';
 
 export const renderDescription = (viewmodel: ViewModel): NotHtml => `${renderCountWithDescriptor(viewmodel.listCount, 'list', 'lists')} | Following ${renderCountWithDescriptor(viewmodel.groupIds.length, 'group', 'groups')}` as NotHtml;

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

@@ -1,5 +1,5 @@
-import { renderCountWithDescriptor } from '../../../../../shared-components/render-count-with-descriptor';
 import { NotHtml } from '../../../html-page';
+import { renderCountWithDescriptor } from '../../../shared-components/render-count-with-descriptor';
 import { ViewModel } from '../view-model';
 
 export const renderDescription = (viewmodel: ViewModel): NotHtml => `${renderCountWithDescriptor(viewmodel.listCount, 'list', 'lists')} | Following ${renderCountWithDescriptor(viewmodel.groupIds.length, 'group', 'groups')}` as NotHtml;