Project/projectreact/src/pages/cabinet.js

import React from "react";
import { connect } from "react-redux";
import ConnectNickName from "../components/nick";
import AvaLogo from "../images/ava";
import ImgProfile from "../images/profile";
import ConUpload from "./upload";
import { imgFind } from "../actions";
import { actionFindUser } from "../actions";

const Cabinet = () => {
    return (
    <>
    <div class="container d-flex justify-content-center align-items-center mt-5">
    <div class="card">
        <div class="upper"> <ImgProfile px ={'300px'}/> </div>
        <div class="user text-center">
            <div class="profile mt-3" > <ConUpload width = {'100px'}/> </div>
        </div>
        <div class="mt-5 text-center">
            <h4 class="mb-0"><ConnectNickName/></h4> 
            <a href="/projects" className = 'text-decoration-none'><h6 >Your projects</h6></a>
            {/* <span class="text-muted d-block mb-2">Los Angles</span>  */}
            <div class="d-flex justify-content-center align-items-center mt-4 px-4">
            <a href="/"><button class="btn btn-primary btn-sm mb-3 " onClick = {console.log('aaa')} >Main Page</button></a>
            </div>
        </div>
    </div>
</div>
    </>
    )
}

export default Cabinet