diff --git a/src/components/video-player-2/VideoPlayer2.style.ts b/src/components/video-player-2/VideoPlayer2.style.ts index 961fb19..dce92a0 100644 --- a/src/components/video-player-2/VideoPlayer2.style.ts +++ b/src/components/video-player-2/VideoPlayer2.style.ts @@ -138,6 +138,7 @@ export const StyledAside = styled.aside` flex-direction: column; gap: 32px; + min-width: 0; padding-top: 64px; @media (max-width: ${theme.breakpoints.tabletMax}) { diff --git a/src/components/video-player-2/VideoPlayerBar.tsx b/src/components/video-player-2/VideoPlayerBar.tsx index febbee0..564191e 100644 --- a/src/components/video-player-2/VideoPlayerBar.tsx +++ b/src/components/video-player-2/VideoPlayerBar.tsx @@ -208,9 +208,19 @@ export function VideoPlayerBar() { saveToClipboard(location.href)}>Copy URL to this Page {audioMode === AudioMode.ENABLED ? ( - saveToClipboard(audioUrl)}>Copy URL to Embeddable Audio + <> + saveToClipboard(audioUrl)}>Copy URL to Embeddable Audio + + Download Audio + + ) : ( - saveToClipboard(videoUrl)}>Copy URL to Embeddable Video + <> + saveToClipboard(videoUrl)}>Copy URL to Embeddable Video + + Download Video + + )} diff --git a/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx b/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx index 75a68d5..5022af9 100644 --- a/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx +++ b/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx @@ -195,7 +195,7 @@ export default function VideoPage({ anime, themeIndex, entryIndex, videoIndex, l )} {developerMode === DeveloperMode.ENABLED ? ( - + ) : null} diff --git a/src/pages/year/[year]/[season]/index.tsx b/src/pages/year/[year]/[season]/index.tsx index 5b05146..814cdd5 100644 --- a/src/pages/year/[year]/[season]/index.tsx +++ b/src/pages/year/[year]/[season]/index.tsx @@ -13,7 +13,7 @@ import type { ParsedUrlQuery } from "querystring"; import type { RequiredNonNullable } from "utils/types"; import { capitalize } from "lodash-es"; -const seasonOrder = [ "Winter", "Spring", "Summer", "Fall" ]; +const seasonOrder = [ "winter", "spring", "summer", "fall" ]; export interface SeasonDetailPageProps extends SharedPageProps, RequiredNonNullable {} @@ -79,7 +79,9 @@ export const getStaticProps: GetStaticProps seasonOrder.indexOf(a.value) - seasonOrder.indexOf(b.value)); + data.year.seasons.sort((a, b) => + seasonOrder.indexOf(a.value.toLowerCase()) - seasonOrder.indexOf(b.value.toLowerCase()) + ); data.yearAll.sort((a, b) => a.value - b.value); return { diff --git a/src/pages/year/[year]/index.tsx b/src/pages/year/[year]/index.tsx index f2e7258..bcbd12d 100644 --- a/src/pages/year/[year]/index.tsx +++ b/src/pages/year/[year]/index.tsx @@ -17,7 +17,7 @@ import type { GetStaticPaths, GetStaticProps } from "next"; import type { YearDetailPageAllQuery, YearDetailPageQuery, YearDetailPageQueryVariables } from "generated/graphql"; import type { RequiredNonNullable } from "utils/types"; -const seasonOrder = [ "Winter", "Spring", "Summer", "Fall" ]; +const seasonOrder = [ "winter", "spring", "summer", "fall" ]; export interface YearDetailPageProps extends SharedPageProps, RequiredNonNullable {} @@ -89,7 +89,9 @@ export const getStaticProps: GetStaticProps seasonOrder.indexOf(a.value) - seasonOrder.indexOf(b.value)); + data.year.seasons.sort((a, b) => + seasonOrder.indexOf(a.value.toLowerCase()) - seasonOrder.indexOf(b.value.toLowerCase()) + ); data.yearAll.sort((a, b) => a.value- b.value); for (const season of data.year.seasons) {