diff --git a/apps/comments-ui/src/components/modals/AddDetailsDialog.js b/apps/comments-ui/src/components/modals/AddDetailsDialog.js index 8a1d07dafc..052f9197d9 100644 --- a/apps/comments-ui/src/components/modals/AddDetailsDialog.js +++ b/apps/comments-ui/src/components/modals/AddDetailsDialog.js @@ -6,7 +6,7 @@ import AppContext from '../../AppContext'; const AddNameDialog = (props) => { const inputNameRef = useRef(null); const inputBioRef = useRef(null); - const {dispatchAction, member} = useContext(AppContext); + const {dispatchAction, member, accentColor} = useContext(AppContext); const [name, setName] = useState(member.name ?? ''); const [bio, setBio] = useState(member.bio ?? ''); @@ -86,6 +86,8 @@ const AddNameDialog = (props) => { }; let returnable = []; + + // using URLS over real images for avatars as serving JPG images was not optimal (based on discussion with team) let exampleProfiles = [ {avatar: 'https://randomuser.me/api/portraits/men/32.jpg', name: 'James Fletcher', expertise: 'Full-time parent'}, {avatar: 'https://randomuser.me/api/portraits/women/30.jpg', name: 'Naomi Schiff', expertise: 'Founder @ Acme Inc'}, @@ -171,7 +173,8 @@ const AddNameDialog = (props) => { maxLength={maxBioChars} />