feat: Contentstack <-> ImageVault integration

2024-03-25 11:38:14 +01:00
parent 920cbf241a
commit a706b9cf8a
39 changed files with 16647 additions and 0 deletions
--- a/remix/app/components/FullSizeImage.tsx
+++ b/remix/app/components/FullSizeImage.tsx
@@ -0,0 +1,41 @@
+import { ModalBody, ModalHeader } from "@contentstack/venus-components";
+
+export default function FullSizeImage({
+  title,
+  onClose,
+  imageUrl,
+  alt,
+  aspectRatio,
+}: {
+  title: string;
+  onClose: () => void;
+  imageUrl: string;
+  alt: string;
+  aspectRatio: number;
+}) {
+  return (
+    <>
+      <ModalHeader title={title} closeModal={onClose} />
+      <ModalBody
+        id="fullsize-image"
+        style={{
+          maxHeight: "inherit",
+          borderRadius: "50px",
+          display: "flex",
+          justifyContent: "center",
+        }}
+      >
+        <img
+          src={imageUrl}
+          style={{
+            aspectRatio,
+            maxWidth: "100%",
+            maxHeight: "100%",
+            objectFit: "contain",
+          }}
+          alt={alt}
+        />
+      </ModalBody>
+    </>
+  );
+}