mythic-insight/calcom
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

#2325 Followup (#2369)

Browse source 
* Adds initial MDX implementation for App Store pages

* Adds endpoint to serve app store static files

* Replaces zoom icon with dynamic-served one

* Fixes zoom icon

* Makes Slider reusable

* Adds gray-matter for MDX

* Adds zoom screenshots

* Update yarn.lock

* Slider improvements

* WIP

* Update TrendingAppsSlider.tsx

* WIP

* Adds MS teams screenshots

* Adds stripe screenshots

* Cleanup

* Update index.ts

* WIP

* Cleanup

* Cleanup

* Adds jitsi screenshot

* Adds Google meet screenshots

* Adds office 365 calendar screenshots

* Adds google calendar screenshots

* Follow #2325

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
This commit is contained in:
Omar López 2022-04-04 09:53:17 -06:00 committed by GitHub
parent 5138c676b1
commit 4ff21deb89
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/web/components/apps/Slider.tsx
View file

@ -20,19 +20,17 @@ const Slider = <T extends unknown>({
options?: Options; options?: Options;
}) => { }) => {
const glide = useRef(null); const glide = useRef(null);
const slider = useRef<Glide.Properties | null>(null);
useEffect(() => { useEffect(() => {
if (glide.current) { if (glide.current) {
const slider = new Glide(glide.current, { slider.current = new Glide(glide.current, {
type: "carousel", type: "carousel",
...options, ...options,
}); }).mount();
slider.mount();
} }
// @ts-ignore TODO: This method is missing in types return () => slider.current?.destroy();
return () => slider.destroy();
}, [options]); }, [options]);
return ( return (

6
apps/web/pages/api/app-store/[...static].ts
View file

@ -16,15 +16,15 @@ import path from "path";
export default async function handler(req: NextApiRequest, res: NextApiResponse) { export default async function handler(req: NextApiRequest, res: NextApiResponse) {
const [appName, fileName] = Array.isArray(req.query.static) ? req.query.static : [req.query.static]; const [appName, fileName] = Array.isArray(req.query.static) ? req.query.static : [req.query.static];
const fileNameParts = fileName.split("."); 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); const STATIC_PATH = path.join(process.cwd(), "..", "..", "packages/app-store", appName, "static", fileName);
try { try {
const imageBuffer = fs.readFileSync(STATIC_PATH); const imageBuffer = fs.readFileSync(STATIC_PATH);
const mimeType = mime.lookup(fileExtentsion); const mimeType = mime.lookup(fileExtension);
if (mimeType) res.setHeader("Content-Type", mimeType); if (mimeType) res.setHeader("Content-Type", mimeType);
res.send(imageBuffer); res.send(imageBuffer);
} catch (e) { } catch (e) {
res.status(400).json({ error: true, message: "Image not found" }); res.status(400).json({ error: true, message: "Resource not found" });
} }
} }

2
apps/web/pages/apps/[slug].tsx
View file

@ -33,7 +33,7 @@ const components = {
}} }}
renderItem={(item) => renderItem={(item) =>
isTabletAndUp ? ( isTabletAndUp ? (
<Image src={item} alt="" layout="fixed" width={573} height={382} /> <Image src={item} alt="" loading="eager" layout="fixed" width={573} height={382} />
) : ( ) : (
<Image src={item} alt="" layout="responsive" width={573} height={382} /> <Image src={item} alt="" layout="responsive" width={573} height={382} />
) )