@@ -69,17 +70,18 @@ export const EpisodePage = () => {
) : (
+
}
>
diff --git a/workspaces/client/src/pages/episode/components/PlayerController.tsx b/workspaces/client/src/pages/episode/components/PlayerController.tsx
index f090a17a9..3e0c1fd81 100644
--- a/workspaces/client/src/pages/episode/components/PlayerController.tsx
+++ b/workspaces/client/src/pages/episode/components/PlayerController.tsx
@@ -61,8 +61,11 @@ export const PlayerController = ({ episode }: Props) => {
togglePlaying();
}}
>
-
@@ -82,8 +85,11 @@ export const PlayerController = ({ episode }: Props) => {
className="block rounded-[4px]"
type="button"
>
-
{
toggleMuted();
}}
diff --git a/workspaces/client/src/pages/episode/components/SeekThumbnail.tsx b/workspaces/client/src/pages/episode/components/SeekThumbnail.tsx
index b706a379b..c5e56cbe0 100644
--- a/workspaces/client/src/pages/episode/components/SeekThumbnail.tsx
+++ b/workspaces/client/src/pages/episode/components/SeekThumbnail.tsx
@@ -31,8 +31,9 @@ export const SeekThumbnail = ({ episode }: Props) => {
return (
res.text()));
parser.end();
+ const { FFmpeg } = await import('@ffmpeg/ffmpeg');
// FFmpeg の初期化
const ffmpeg = new FFmpeg();
await ffmpeg.load({
diff --git a/workspaces/client/src/pages/not_found/components/NotFoundPage.tsx b/workspaces/client/src/pages/not_found/components/NotFoundPage.tsx
index 66c861769..be4ce90dd 100644
--- a/workspaces/client/src/pages/not_found/components/NotFoundPage.tsx
+++ b/workspaces/client/src/pages/not_found/components/NotFoundPage.tsx
@@ -21,7 +21,7 @@ export const NotFoundPage = () => {
ページが見つかりませんでした
あなたが見ようとしたページは、残念ながら見つけられませんでした。
-
+
{module != null ? : null}
diff --git a/workspaces/client/src/pages/program/components/PlayerController.tsx b/workspaces/client/src/pages/program/components/PlayerController.tsx
index 6a1c7fef0..010226996 100644
--- a/workspaces/client/src/pages/program/components/PlayerController.tsx
+++ b/workspaces/client/src/pages/program/components/PlayerController.tsx
@@ -25,8 +25,11 @@ export const PlayerController = () => {
toggleMuted();
}}
>
-
diff --git a/workspaces/client/src/pages/program/components/ProgramPage.tsx b/workspaces/client/src/pages/program/components/ProgramPage.tsx
index d13dc9426..39f119c40 100644
--- a/workspaces/client/src/pages/program/components/ProgramPage.tsx
+++ b/workspaces/client/src/pages/program/components/ProgramPage.tsx
@@ -24,12 +24,13 @@ export const prefetch = async (store: ReturnType, { programI
const since = now.startOf('day').toISO();
const until = now.endOf('day').toISO();
- const program = await store.getState().features.program.fetchProgramById({ programId });
- const channels = await store.getState().features.channel.fetchChannels();
- const timetable = await store.getState().features.timetable.fetchTimetable({ since, until });
- const modules = await store
- .getState()
- .features.recommended.fetchRecommendedModulesByReferenceId({ referenceId: programId });
+ const [program, channels, timetable, modules] = await Promise.all([
+ store.getState().features.program.fetchProgramById({ programId }),
+ store.getState().features.channel.fetchChannels(),
+ store.getState().features.timetable.fetchTimetable({ since, until }),
+ store.getState().features.recommended.fetchRecommendedModulesByReferenceId({ referenceId: programId }),
+ ]);
+
return { channels, modules, program, timetable };
};
@@ -101,7 +102,7 @@ export const ProgramPage = () => {
{isArchivedRef.current ? (
-

+
この番組は放送が終了しました
@@ -127,7 +128,7 @@ export const ProgramPage = () => {
) : (
-

+
diff --git a/workspaces/client/src/pages/series/components/SeriesPage.tsx b/workspaces/client/src/pages/series/components/SeriesPage.tsx
index abf35aee5..396f34760 100644
--- a/workspaces/client/src/pages/series/components/SeriesPage.tsx
+++ b/workspaces/client/src/pages/series/components/SeriesPage.tsx
@@ -11,10 +11,12 @@ import { useSeriesById } from '@wsh-2025/client/src/features/series/hooks/useSer
export const prefetch = async (store: ReturnType, { seriesId }: Params) => {
invariant(seriesId);
- const series = await store.getState().features.series.fetchSeriesById({ seriesId });
- const modules = await store
- .getState()
- .features.recommended.fetchRecommendedModulesByReferenceId({ referenceId: seriesId });
+
+ const [series, modules] = await Promise.all([
+ store.getState().features.series.fetchSeriesById({ seriesId }),
+ store.getState().features.recommended.fetchRecommendedModulesByReferenceId({ referenceId: seriesId }),
+ ]);
+
return { modules, series };
};
@@ -37,6 +39,7 @@ export const SeriesPage = () => {
diff --git a/workspaces/client/src/pages/timetable/components/ChannelTitle.tsx b/workspaces/client/src/pages/timetable/components/ChannelTitle.tsx
index c2538c886..2ede9530f 100644
--- a/workspaces/client/src/pages/timetable/components/ChannelTitle.tsx
+++ b/workspaces/client/src/pages/timetable/components/ChannelTitle.tsx
@@ -16,8 +16,14 @@ export const ChannelTitle = ({ channelId }: Props) => {
return (
-
-

+
+
diff --git a/workspaces/client/src/pages/timetable/components/NewTimetableFeatureDialog.tsx b/workspaces/client/src/pages/timetable/components/NewTimetableFeatureDialog.tsx
index ce0f9224a..fc4902f5d 100644
--- a/workspaces/client/src/pages/timetable/components/NewTimetableFeatureDialog.tsx
+++ b/workspaces/client/src/pages/timetable/components/NewTimetableFeatureDialog.tsx
@@ -13,7 +13,7 @@ export const NewTimetableFeatureDialog = ({ isOpen }: Props) => {