first commit

resources/client/seasons/season-link.tsx

@@ -0,0 +1,38 @@
+import React, {useMemo} from 'react';
+import {Title} from '@app/titles/models/title';
+import {getTitleLink} from '@app/titles/title-link';
+import {Trans} from '@common/i18n/trans';
+import {BaseMediaLink, BaseMediaLinkProps} from '@app/base-media-link';
+
+export interface SeasonLinkProps extends Omit<BaseMediaLinkProps, 'link'> {
+  title: Title;
+  seasonNumber: number;
+}
+export function SeasonLink({
+  title,
+  seasonNumber,
+  children,
+  color = 'inherit',
+  ...linkProps
+}: SeasonLinkProps) {
+  const link = useMemo(() => {
+    return getSeasonLink(title, seasonNumber);
+  }, [title, seasonNumber]);
+
+  return (
+    <BaseMediaLink {...linkProps} link={link}>
+      {children ?? (
+        <Trans message="Season :number" values={{number: seasonNumber}} />
+      )}
+    </BaseMediaLink>
+  );
+}
+
+export function getSeasonLink(
+  title: Title,
+  seasonNumber: number | string,
+  {absolute}: {absolute?: boolean} = {}
+): string {
+  const titleLink = getTitleLink(title, {absolute});
+  return `${titleLink}/season/${seasonNumber}`;
+}