Add front docker

This commit is contained in:
Zoe Roux
2022-09-24 14:30:46 +09:00
parent 649eee099e
commit a776278caf
12 changed files with 110 additions and 22 deletions
+2 -2
View File
@@ -34,7 +34,7 @@ const displayNumber = (episode: Episode) => {
export const EpisodeBox = ({ episode, sx }: { episode?: Episode; sx: SxProps }) => {
return (
<Box sx={sx}>
<Image img={episode?.thumbnail} width="100%" aspectRatio="16/9" />
<Image img={episode?.thumbnail} alt="" width="100%" aspectRatio="16/9" />
<Typography>{episode?.name ?? <Skeleton />}</Typography>
<Typography variant="body2">{episode?.overview ?? <Skeleton />}</Typography>
</Box>
@@ -61,7 +61,7 @@ export const EpisodeLine = ({ episode, sx }: { episode?: Episode; sx?: SxProps }
<Typography variant="overline" align="center" sx={{ width: "4rem", flexShrink: 0 }}>
{episode ? displayNumber(episode) : <Skeleton />}
</Typography>
<Image img={episode?.thumbnail} width="18%" aspectRatio="16/9" sx={{ flexShrink: 0 }} />
<Image img={episode?.thumbnail} alt="" width="18%" aspectRatio="16/9" sx={{ flexShrink: 0 }} />
{episode ? (
<Box sx={{ flexGrow: 1 }}>
<Typography variant="h6">{episode.name ?? t("show.episodeNoMetadata")}</Typography>
+2 -2
View File
@@ -32,7 +32,7 @@ import {
AppBarProps,
} from "@mui/material";
import MenuIcon from "@mui/icons-material/Menu";
import logo from "../../public/icons/icon.svg";
/* import logo from "../public/icons/icon.svg"; */
import useTranslation from "next-translate/useTranslation";
import Image from "next/image";
import { ButtonLink } from "~/utils/link";
@@ -55,7 +55,7 @@ const KyooTitle = (props: { sx: SxProps<Theme> }) => {
}}
href="/"
>
<Image src={logo} width={24} height={24} alt="" />
<Image src={"/icon.svg"} width={24} height={24} alt="" />
<Typography
variant="h6"
noWrap
+3 -1
View File
@@ -34,10 +34,12 @@ const queryFn = async <Data>(
type: z.ZodType<Data>,
context: QueryFunctionContext,
): Promise<Data> => {
const kyoo_url = process.env.KYOO_URL ?? "http://localhost:5000";
let resp;
try {
resp = await fetch(
[typeof window === "undefined" ? process.env.KYOO_URL : "/api"]
[typeof window === "undefined" ? kyoo_url : "/api"]
.concat(
context.pageParam ? [context.pageParam] : (context.queryKey.filter((x) => x) as string[]),
)