Update player to use new api

front/apps/web/src/pages/movie/[slug]/watch.tsx

@@ -0,0 +1,24 @@
+/*
+ * Kyoo - A portable and vast media library solution.
+ * Copyright (c) Kyoo.
+ *
+ * See AUTHORS.md and LICENSE file in the project root for full license information.
+ *
+ * Kyoo is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * Kyoo is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { Player } from "@kyoo/ui";
+import { withRoute } from "~/router";
+
+export default withRoute(Player, { type: "movie" });

front/apps/web/src/pages/watch/[slug].tsx

@@ -21,4 +21,4 @@
 import { Player } from "@kyoo/ui";
 import { withRoute } from "~/router";
 
-export default withRoute(Player);
+export default withRoute(Player, { type: "episode" });

front/apps/web/src/router.tsx

@@ -21,12 +21,12 @@
 import { useRouter } from "next/router";
 import { ComponentType } from "react";
 
-export const withRoute = <Props,>(Component: ComponentType<Props>) => {
+export const withRoute = <Props,>(Component: ComponentType<Props>, defaultProps?: Partial<Props>) => {
 	const WithUseRoute = (props: Props) => {
 		const router = useRouter();
 
 		// @ts-ignore
-		return <Component {...router.query} {...props} />;
+		return <Component {...defaultProps} {...router.query} {...props} />;
 	};
 
 	const { ...all } = Component;