link add

src/components/Main/Main.tsx

@@ -36,8 +36,7 @@ export const Main: React.FC<any> = ({ visible, setVisible }) => {
           <PopupConnect
             isLoading={isLoading}
             logo={currentCard.image.logo}
-            onConnect={() => dispatch(createSession(currentCard.title))}
+            onConnect={() => dispatch(createSession(currentCard.title))} visible={visible}
-            visible={visible}
             setVisible={setVisible}
           ></PopupConnect>
         </motion.div>

src/components/playerComponent/playerComponent.tsx

@@ -18,13 +18,12 @@ export const PlayerComponent: React.FC<any> = ({ closeStream, dispatch }) => {
 
   return (
     <>
-      {data && (
+      <iframe
-        <iframe
+        title="stream"
-          title="stream"
+        src={data.link}
-          src={data.link}
+        className={"player playerOn"}
-          className={"player playerOn"}
+        security={''}
-        ></iframe>
+      ></iframe>
-      )}
       <Sidebar
         data={data}
         closeStream={closeStream}

src/store/reducers/sessionSlice.ts

@@ -22,6 +22,7 @@ export const sessionSlice = createSlice({
     [createSession.fulfilled.type]: (state, action: PayloadAction<IData>) => {
       state.isLoading = false;
       state.data = action.payload;
+      localStorage.setItem('data', JSON.stringify(initialState.data))
     },
     [createSession.rejected.type]: (state, action: PayloadAction<any>) => {
       state.isLoading = false;