{enabledColumns.map((columnNum, index) => {
const num = Number(columnNum) as ColumnNumber;
- const columnWidth = params[`ColumnWidth${num}`] ?? "";
- const columnStyle = params[`Styles${num}`] ?? "";
+ const columnWidth = params[`ColumnWidth${num}`] ?? '';
+ const columnStyle = params[`Styles${num}`] ?? '';
const columnClassNames = `${columnWidth} ${columnStyle}`.trim();
return (
diff --git a/examples/kit-nextjs-skate-park/src/components/container/Container.tsx b/examples/kit-nextjs-skate-park/src/components/container/Container.tsx
index 9206f2dd8..d1f47c7a2 100644
--- a/examples/kit-nextjs-skate-park/src/components/container/Container.tsx
+++ b/examples/kit-nextjs-skate-park/src/components/container/Container.tsx
@@ -1,20 +1,16 @@
import React, { JSX } from 'react';
import { ComponentProps } from 'lib/component-props';
import componentMap from '.sitecore/component-map';
-import { AppPlaceholder } from "@sitecore-content-sdk/nextjs";
+import { AppPlaceholder } from '@sitecore-content-sdk/nextjs';
interface ContainerProps extends ComponentProps {
- params: ComponentProps["params"] & {
+ params: ComponentProps['params'] & {
BackgroundImage?: string;
DynamicPlaceholderId: string;
};
}
-const Container = ({
- params,
- rendering,
- page,
-}: ContainerProps): JSX.Element => {
+const Container = ({ params, rendering, page }: ContainerProps): JSX.Element => {
const {
styles,
RenderingIdentifier: id,
@@ -24,12 +20,12 @@ const Container = ({
const phKey = `container-${DynamicPlaceholderId}`;
// Extract the mediaurl from rendering parameters
- const mediaUrlPattern = new RegExp(/mediaurl=\"([^"]*)\"/, "i");
+ const mediaUrlPattern = new RegExp(/mediaurl=\"([^"]*)\"/, 'i');
let backgroundStyle: { [key: string]: string } = {};
if (backgroundImage && backgroundImage.match(mediaUrlPattern)) {
- const mediaUrl = backgroundImage.match(mediaUrlPattern)?.[1] || "";
+ const mediaUrl = backgroundImage.match(mediaUrlPattern)?.[1] || '';
backgroundStyle = {
backgroundImage: `url('${mediaUrl}')`,
diff --git a/examples/kit-nextjs-skate-park/src/components/image/Image.tsx b/examples/kit-nextjs-skate-park/src/components/image/Image.tsx
index 90fa8f843..5e0162b84 100644
--- a/examples/kit-nextjs-skate-park/src/components/image/Image.tsx
+++ b/examples/kit-nextjs-skate-park/src/components/image/Image.tsx
@@ -5,9 +5,9 @@ import {
Link as ContentSdkLink,
LinkField,
Text,
-} from "@sitecore-content-sdk/nextjs";
-import React from "react";
-import { ComponentProps } from "lib/component-props";
+} from '@sitecore-content-sdk/nextjs';
+import React from 'react';
+import { ComponentProps } from 'lib/component-props';
interface ImageFields {
Image: ImageField;
@@ -41,18 +41,14 @@ export const Banner: React.FC
= ({ params, fields }) => {
...fields.Image,
value: {
...fields.Image.value,
- style: { objectFit: "cover", width: "100%", height: "100%" },
+ style: { objectFit: 'cover', width: '100%', height: '100%' },
},
};
return (
);
@@ -67,8 +63,7 @@ export const Default: React.FC = (props) => {
}
const Image = () => ;
- const shouldWrapWithLink =
- !page.mode.isEditing && fields.TargetUrl?.value?.href;
+ const shouldWrapWithLink = !page.mode.isEditing && fields.TargetUrl?.value?.href;
return (
@@ -79,11 +74,7 @@ export const Default: React.FC = (props) => {
) : (
)}
-
+
);
};
diff --git a/examples/kit-nextjs-skate-park/src/components/page-content/PageContent.tsx b/examples/kit-nextjs-skate-park/src/components/page-content/PageContent.tsx
index f9c7c8340..3f470f7e1 100644
--- a/examples/kit-nextjs-skate-park/src/components/page-content/PageContent.tsx
+++ b/examples/kit-nextjs-skate-park/src/components/page-content/PageContent.tsx
@@ -1,8 +1,5 @@
import React, { JSX } from 'react';
-import {
- RichText as ContentSdkRichText,
- RichTextField,
-} from '@sitecore-content-sdk/nextjs';
+import { RichText as ContentSdkRichText, RichTextField } from '@sitecore-content-sdk/nextjs';
import { ComponentProps } from 'lib/component-props';
interface Fields {
diff --git a/examples/kit-nextjs-skate-park/src/components/partial-design-dynamic-placeholder/PartialDesignDynamicPlaceholder.tsx b/examples/kit-nextjs-skate-park/src/components/partial-design-dynamic-placeholder/PartialDesignDynamicPlaceholder.tsx
index 47607cfb6..93bb4f026 100644
--- a/examples/kit-nextjs-skate-park/src/components/partial-design-dynamic-placeholder/PartialDesignDynamicPlaceholder.tsx
+++ b/examples/kit-nextjs-skate-park/src/components/partial-design-dynamic-placeholder/PartialDesignDynamicPlaceholder.tsx
@@ -1,14 +1,12 @@
import React, { JSX } from 'react';
import { ComponentProps } from 'lib/component-props';
import componentMap from '.sitecore/component-map';
-import { AppPlaceholder } from "@sitecore-content-sdk/nextjs";
+import { AppPlaceholder } from '@sitecore-content-sdk/nextjs';
-const PartialDesignDynamicPlaceholder = (
- props: ComponentProps
-): JSX.Element => {
+const PartialDesignDynamicPlaceholder = (props: ComponentProps): JSX.Element => {
return (
{
- const enabledPlaceholders = params.EnabledPlaceholders?.split(",") ?? [];
+export const Default = ({ params, rendering, page }: RowSplitterProps): JSX.Element => {
+ const enabledPlaceholders = params.EnabledPlaceholders?.split(',') ?? [];
const id = params.RenderingIdentifier;
return (
@@ -36,7 +32,7 @@ export const Default = ({
{enabledPlaceholders.map((ph, index) => {
const num = Number(ph) as RowNumber;
const placeholderKey = `row-${num}-{*}`;
- const rowStyles = `${params[`Styles${num}`] ?? ""}`.trimEnd();
+ const rowStyles = `${params[`Styles${num}`] ?? ''}`.trimEnd();
return (
diff --git a/examples/kit-nextjs-skate-park/src/i18n/request.ts b/examples/kit-nextjs-skate-park/src/i18n/request.ts
index c3813c12e..a8297b779 100644
--- a/examples/kit-nextjs-skate-park/src/i18n/request.ts
+++ b/examples/kit-nextjs-skate-park/src/i18n/request.ts
@@ -7,7 +7,7 @@ export default getRequestConfig(async ({ requestLocale }: GetRequestConfigParams
// Provide a static locale, fetch a user setting,
// read from `cookies()`, `headers()`, etc.
// Since this function is executed during the Server Components render pass, you can call functions like cookies() and headers() to return configuration that is request-specific. https://next-intl.dev/docs/usage/configuration
-
+
// set by the catch-all route setRequestLocale
// to support SSG and multisite here we expect both site and locale in the format {site}_{locale}
const requested = await requestLocale;