fix(client): fix host logic

Author: hiroppy

packages/client/src/components/AppContainer.js

@@ -3,16 +3,15 @@ import { MdMenu } from 'react-icons/md';
 import { createSlidesProps } from '../utils/createSlidesProps';
 import { useCurrentIndex } from '../hooks/useCurrentIndex';
 import { useMode } from '../hooks/useMode';
+import { useSlidesProps } from '../hooks/useSlides';
 import { useContentComponent } from '../hooks/useContentComponent';
 import { useSidebarComponent } from '../hooks/useSidebarComponent';
 import { useCommentsListComponent } from '../hooks/useCommentsListComponent';
 
 export const AppContainer = ({ slides: originalSlides, hash }) => {
   const [isOpenSidebar, updateOpenSidebarStatus] = useState(false);
   const [currentIndex, setCurrentIndex] = useCurrentIndex();
-  const createdProps = useMemo(() => createSlidesProps(originalSlides, currentIndex), [hash]);
-  const slides = useMemo(() => createdProps.slides, [hash]);
-  const contentsList = useMemo(() => createdProps.contentsList, [hash]);
+  const { slides, contentsList } = useSlidesProps({ originalSlides, hash, currentIndex });
   const [mode, setMode] = useMode();
   const ContentComponent = useContentComponent(mode);
   const SidebarComponent = useSidebarComponent(mode);

packages/client/src/components/ContentView/Host.js

@@ -188,7 +188,7 @@ const Host = memo(({ slides, currentIndex, terminate, onChangeSlideIndex }) => {
         if (!presentationController) {
           throw new Error('Not found PresenterController.');
         }
-        // presentationApiId = await presentationController.openView();
+        await presentationController.openView();
       } catch (e) {
         console.error(e);
       }

packages/client/src/hooks/useSlides.js

@@ -0,0 +1,13 @@
+import { useMemo } from 'react';
+import { createSlidesProps } from '../utils/createSlidesProps';
+
+export function useSlidesProps({ originalSlides, hash, currentIndex }) {
+  const createdProps = useMemo(() => createSlidesProps(originalSlides, currentIndex), [hash]);
+  const slides = useMemo(() => createdProps.slides, [hash]);
+  const contentsList = useMemo(() => createdProps.contentsList, [hash]);
+
+  return {
+    slides,
+    contentsList,
+  };
+}