project-codepen/src/components/Ava.js

import React from "react";
import { connect } from "react-redux";
import "./Header.css";
import icon from "../user.png";

function AvaLogo({ link }) {
  return (
    <img
      src={link ? "http://localhost:3000/" + link : icon}
      className="avatar"
      alt="ava"
    ></img>
  );
}

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