#542500: fixed component container and style Error block (#1121)

Sitecore · Aug 4, 2022 · 9b8060e · 9b8060e
1 parent b7b1f47
commit 9b8060e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss
@@ -92,3 +92,11 @@ ul li {
   display: flex;
   flex-wrap: wrap;
 }
+
+.sc-jss-placeholder-error {
+  background: #ff0000;
+  outline: 5px solid #e36565;
+  padding: 10px;
+  color:#fff;
+  max-width: 500px;
+}
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/Container.tsx b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/Container.tsx
@@ -16,7 +16,7 @@ interface ComponentProps {
   params: ComponentParams;
 }
 
-const Container = (props: ComponentProps): JSX.Element => {
+export const Default = (props: ComponentProps): JSX.Element => {
   const { sitecoreContext } = useSitecoreContext();
   const containerStyles = props.params && props.params.Styles ? props.params.Styles : '';
   const styles = `${props.params.GridParameters} ${containerStyles}`.trimEnd();
@@ -47,5 +47,3 @@ const Container = (props: ComponentProps): JSX.Element => {
     </div>
   );
 };
-
-export default Container;