Homework/Fakogram REACT project/fakogram/src/components/OneUserCard.js

import React from "react";
import { Link } from "react-router-dom";
import { CSearchAvatar } from "../components/Avatar";

export const OneUserCard = ({ user }) => {
    return (
        <>
            <div className="searchBlock">
                <Link className="search-item">
                    {user?.avatar !== null ? (
                        <CSearchAvatar avatarUrl={user} />
                    ) : (
                        <div className="avatarStubChat2"></div>
                    )}

                    <div>{user?.login ? user.login : "anon"}</div>
                </Link>
            </div>
        </>
    );
};