diff --git a/apps/web/components/apps/Slider.tsx b/apps/web/components/apps/Slider.tsx index 79693287..b22d88c3 100644 --- a/apps/web/components/apps/Slider.tsx +++ b/apps/web/components/apps/Slider.tsx @@ -20,19 +20,17 @@ const Slider = ({ options?: Options; }) => { const glide = useRef(null); + const slider = useRef(null); useEffect(() => { if (glide.current) { - const slider = new Glide(glide.current, { + slider.current = new Glide(glide.current, { type: "carousel", ...options, - }); - - slider.mount(); + }).mount(); } - // @ts-ignore TODO: This method is missing in types - return () => slider.destroy(); + return () => slider.current?.destroy(); }, [options]); return ( diff --git a/apps/web/pages/api/app-store/[...static].ts b/apps/web/pages/api/app-store/[...static].ts index 32db9d05..3c6cac81 100644 --- a/apps/web/pages/api/app-store/[...static].ts +++ b/apps/web/pages/api/app-store/[...static].ts @@ -16,15 +16,15 @@ import path from "path"; export default async function handler(req: NextApiRequest, res: NextApiResponse) { const [appName, fileName] = Array.isArray(req.query.static) ? req.query.static : [req.query.static]; const fileNameParts = fileName.split("."); - const { [fileNameParts.length - 1]: fileExtentsion } = fileNameParts; + const { [fileNameParts.length - 1]: fileExtension } = fileNameParts; const STATIC_PATH = path.join(process.cwd(), "..", "..", "packages/app-store", appName, "static", fileName); try { const imageBuffer = fs.readFileSync(STATIC_PATH); - const mimeType = mime.lookup(fileExtentsion); + const mimeType = mime.lookup(fileExtension); if (mimeType) res.setHeader("Content-Type", mimeType); res.send(imageBuffer); } catch (e) { - res.status(400).json({ error: true, message: "Image not found" }); + res.status(400).json({ error: true, message: "Resource not found" }); } } diff --git a/apps/web/pages/apps/[slug].tsx b/apps/web/pages/apps/[slug].tsx index c25e9e46..6cc30ed5 100644 --- a/apps/web/pages/apps/[slug].tsx +++ b/apps/web/pages/apps/[slug].tsx @@ -33,7 +33,7 @@ const components = { }} renderItem={(item) => isTabletAndUp ? ( - + ) : ( )