scandic/contentstack-imagevault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add and run prettier

Browse Source
This commit is contained in:
Michael Zetterberg
2024-03-26 13:02:26 +01:00
parent e9349992f8
commit 083c57d0ca
27 changed files with 430 additions and 379 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
remix/app/routes/field.tsx
View File

@@ -1,26 +1,26 @@
import { Suspense, lazy, useEffect, useState } from "react";
import { useScript } from "usehooks-ts";
import useApp from "~/hooks/useApp";
import { Suspense, lazy, useEffect, useState } from "react"
import { useScript } from "usehooks-ts"
import useApp from "~/hooks/useApp"
import Disclaimer from "~/components/Disclaimer";
import InvalidConfig from "~/components/InvalidConfig";
import Disclaimer from "~/components/Disclaimer"
import InvalidConfig from "~/components/InvalidConfig"
import { isImageVaultDAMConfig } from "~/utils/imagevault";
import type { InsertResponse } from "~/types/imagevault";
import { isImageVaultDAMConfig } from "~/utils/imagevault"
import type { InsertResponse } from "~/types/imagevault"
const ImageVaultDAM = lazy(() => import("~/components/ImageVaultDAM"));
const ImageVaultDAM = lazy(() => import("~/components/ImageVaultDAM"))
export default function Field() {
const { sdk, config } = useApp();
const { sdk, config } = useApp()
const ivStatus = useScript(
"/scripts/imagevault-insert-media/insertmediawindow.min.js"
);
)
const [showDisclaimer, setShowDisclaimer] = useState(false);
const [fieldData, setFieldData] = useState<InsertResponse>();
const [showDisclaimer, setShowDisclaimer] = useState(false)
const [fieldData, setFieldData] = useState<InsertResponse>()
const entry = sdk?.location.CustomField?.entry;
const field = sdk?.location.CustomField?.field;
const entry = sdk?.location.CustomField?.entry
const field = sdk?.location.CustomField?.field
useEffect(() => {
// If we can get field data from the SDK that means the entry has been
@@ -29,30 +29,30 @@ export default function Field() {
// cannot be referred to by ImageVault. Entry title is also required by us.
try {
if (field && entry) {
const data = field.getData();
const title = entry.getField("title").getData().toString();
const data = field.getData()
const title = entry.getField("title").getData().toString()
if (data && title) {
setFieldData(data as InsertResponse);
setFieldData(data as InsertResponse)
} else {
throw new Error("Missing data or title for entry");
throw new Error("Missing data or title for entry")
}
}
} catch (e) {
setShowDisclaimer(true);
setShowDisclaimer(true)
}
}, [entry, field]);
}, [entry, field])
if (showDisclaimer) {
return <Disclaimer />;
return <Disclaimer />
}
const loaded = !!(fieldData && ivStatus === "ready" && sdk && config);
const loaded = !!(fieldData && ivStatus === "ready" && sdk && config)
const initialData =
fieldData && Object.keys(fieldData).length > 0 ? fieldData : null;
fieldData && Object.keys(fieldData).length > 0 ? fieldData : null
if (!loaded) {
return <p style={{ fontFamily: "Inter" }}> Loading dependecies...</p>;
return <p style={{ fontFamily: "Inter" }}> Loading dependecies...</p>
}
return (
@@ -65,5 +65,5 @@ export default function Field() {
<InvalidConfig />
)}
</div>
);
)
}