feat(LocalMedia): use getMe hook instead of personID prop

src/components/WebexLocalMedia/WebexLocalMedia.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import {WebexAvatar} from '../';
-import {useMeeting, useVideo} from '../hooks';
+import {useMe, useMeeting, useVideo} from '../hooks';
 
 import './WebexLocalMedia.scss';
 
@@ -12,18 +12,18 @@ import './WebexLocalMedia.scss';
  * @param {object} props
  * @returns {object} JSX of the component
  */
-export default function WebexLocalMedia({meetingID, personID}) {
+export default function WebexLocalMedia({meetingID}) {
   const {localVideo} = useMeeting(meetingID);
   const videoRef = useVideo(localVideo);
+  const {ID} = useMe();
 
   return (
     <div className="local-media">
-      {localVideo ? <video ref={videoRef} playsInline /> : <WebexAvatar personID={personID} />}
+      {localVideo ? <video ref={videoRef} playsInline /> : <WebexAvatar personID={ID} />}
     </div>
   );
 }
 
 WebexLocalMedia.propTypes = {
   meetingID: PropTypes.string.isRequired,
-  personID: PropTypes.string.isRequired,
 };

src/components/WebexLocalMedia/WebexLocalMedia.test.js

@@ -2,17 +2,18 @@ import React from 'react';
 
 import WebexLocalMedia from './WebexLocalMedia';
 
+jest.mock('../hooks/useMe');
 jest.mock('../hooks/useMeeting');
 jest.mock('../hooks/useVideo');
 
 describe('Webex Local Media component', () => {
   describe('snapshot', () => {
     test('matches snapshot of local video', () => {
-      expect(shallow(<WebexLocalMedia meetingID="localVideo" personID="default" />)).toMatchSnapshot();
+      expect(shallow(<WebexLocalMedia meetingID="localVideo" />)).toMatchSnapshot();
     });
 
     test('matches snapshot of disabled local video', () => {
-      expect(shallow(<WebexLocalMedia meetingID="scheduledMeeting" personID="default" />)).toMatchSnapshot();
+      expect(shallow(<WebexLocalMedia meetingID="scheduledMeeting" />)).toMatchSnapshot();
     });
   });
 });

src/components/hooks/__mocks__/useMe.js

@@ -0,0 +1,7 @@
+import {useContext} from 'react';
+
+export default function useMe() {
+  const datasource = useContext();
+
+  return {...datasource.peopleAdapter.default};
+}