Fix SlotRenderers

plone · Oct 17, 2024 · f320e47 · f320e47
1 parent e2aa8ba
commit f320e47
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 24 deletions.
diff --git a/packages/slots/src/App.tsx b/packages/slots/src/App.tsx
@@ -1,18 +1,19 @@
-import type { Content } from '@plone/types';
+import type { GetSlotArgs } from '@plone/types';
 import SlotRenderer from './SlotRenderer';
 
 type AppProps = {
- content: Content;
+ content: GetSlotArgs['content'];
+ location: GetSlotArgs['location'];
 };
 
 const App = (props: AppProps) => {
- const { content } = props;
+ const { content, location } = props;
 
  return (
  <>
- <SlotRenderer name="header" content={content} />
- <SlotRenderer name="main" content={content} />
- <SlotRenderer name="footer" content={content} />
+ <SlotRenderer name="header" content={content} location={location} />
+ <SlotRenderer name="main" content={content} location={location} />
+ <SlotRenderer name="footer" content={content} location={location} />
  </>
  );
 };

diff --git a/packages/slots/src/Footer.tsx b/packages/slots/src/Footer.tsx
@@ -1,18 +1,19 @@
-import type { Content } from '@plone/types';
+import type { GetSlotArgs } from '@plone/types';
 import SlotRenderer from './SlotRenderer';
 
 type FooterProps = {
- content: Content;
+ content: GetSlotArgs['content'];
+ location: GetSlotArgs['location'];
 };
 
 const Footer = (props: FooterProps) => {
- const { content } = props;
+ const { content, location } = props;
 
  return (
  <>
- <SlotRenderer name="preFooter" content={content} />
- <SlotRenderer name="mainFooter" content={content} />
- <SlotRenderer name="postFooter" content={content} />
+ <SlotRenderer name="preFooter" content={content} location={location} />
+ <SlotRenderer name="mainFooter" content={content} location={location} />
+ <SlotRenderer name="postFooter" content={content} location={location} />
  </>
  );
 };

diff --git a/packages/slots/src/Header.tsx b/packages/slots/src/Header.tsx
@@ -1,18 +1,19 @@
-import type { Content } from '@plone/types';
+import type { GetSlotArgs } from '@plone/types';
 import SlotRenderer from './SlotRenderer';
 
 type HeaderProps = {
- content: Content;
+ content: GetSlotArgs['content'];
+ location: GetSlotArgs['location'];
 };
 
 const Header = (props: HeaderProps) => {
- const { content } = props;
+ const { content, location } = props;
 
  return (
  <>
- <SlotRenderer name="logo" content={content} />
- <SlotRenderer name="Sections" content={content} />
- <SlotRenderer name="tools" content={content} />
+ <SlotRenderer name="logo" content={content} location={location} />
+ <SlotRenderer name="Sections" content={content} location={location} />
+ <SlotRenderer name="tools" content={content} location={location} />
  </>
  );
 };

diff --git a/packages/slots/src/Main.tsx b/packages/slots/src/Main.tsx
@@ -1,18 +1,23 @@
-import type { Content } from '@plone/types';
+import type { GetSlotArgs } from '@plone/types';
 import SlotRenderer from './SlotRenderer';
 
 type MainProps = {
- content: Content;
+ content: GetSlotArgs['content'];
+ location: GetSlotArgs['location'];
 };
 
 const Main = (props: MainProps) => {
- const { content } = props;
+ const { content, location } = props;
 
  return (
  <>
- <SlotRenderer name="aboveContent" content={content} />
- <SlotRenderer name="mainContentArea" content={content} />
- <SlotRenderer name="belowContent" content={content} />
+ <SlotRenderer name="aboveContent" content={content} location={location} />
+ <SlotRenderer
+ name="mainContentArea"
+ content={content}
+ location={location}
+ />
+ <SlotRenderer name="belowContent" content={content} location={location} />
  </>
  );
 };