project-codepen/src/components/Ava.js

import React from "react";
import { connect } from "react-redux";

import "./Header.css";

function AvaLogo({ link }) {
	return (
		<img
			src={link ? "http://localhost:3000/" + link : `${process.env.PUBLIC_URL}/img/user.png`}
			className='avatar'
			alt='ava'
		></img>
	);
}

export const ConnectedAvaLogo = connect(state => ({
	link: state?.p?.findUser?.payload?.data?.UserFindOne?.avatar?.url,
}))(AvaLogo);