diff --git a/dailyjs/shared/components/Aside/Aside.js b/dailyjs/shared/components/Aside/Aside.js
index 8511846..1f717ef 100644
--- a/dailyjs/shared/components/Aside/Aside.js
+++ b/dailyjs/shared/components/Aside/Aside.js
@@ -1,31 +1,52 @@
import React from 'react';
import PropTypes from 'prop-types';
+import { ReactComponent as IconClose } from '../../icons/close-sm.svg';
+import { Button } from '../Button';
export const ASIDE_WIDTH = 380;
-export const Aside = ({ children }) => (
+export const Aside = ({ onClose, children }) => (
);
Aside.propTypes = {
children: PropTypes.node,
+ onClose: PropTypes.func,
};
export default Aside;
diff --git a/dailyjs/shared/components/Aside/PeopleAside.js b/dailyjs/shared/components/Aside/PeopleAside.js
index 6a72c5d..b9b0ce5 100644
--- a/dailyjs/shared/components/Aside/PeopleAside.js
+++ b/dailyjs/shared/components/Aside/PeopleAside.js
@@ -93,7 +93,7 @@ PersonRow.propTypes = {
export const PeopleAside = () => {
const { callObject } = useCallState();
- const { showPeopleAside } = useUIState();
+ const { showPeopleAside, setShowPeopleAside } = useUIState();
const { allParticipants, isOwner } = useParticipants();
if (!showPeopleAside) {
@@ -101,7 +101,7 @@ export const PeopleAside = () => {
}
return (
-