// // import logo from '../logo.svg';
// // import { useSelector } from "react-redux"
// import { Link } from "react-router-dom";
// import React, { useEffect, useState } from 'react';
// import axios from 'axios';

// export interface IGreetingsComponentProps{
//     name: string;
// }

// export default function GreetingsComponent(){
//     const backgroundBootstrapClasses = "bg-secondary bg-gradient p-2 border border-5 border-start-0 border-end-0 border-light rounded-4";
//     const navLinkBootstrapClasses="nav-link bg-dark rounded-pill p-3 py-0 bg-opacity-50 border border-1 border-primary";
//     const greetText = 'Приветствую тебя';
//     const user = useSelector((x: any) => x.user);

//     const [appState, setAppState] = useState({
//         loading: false,
//         titles: null //empty array
//     });

//     useEffect(() => {
//         const apiUrl = 'https://localhost:7057/Anime/Title/List';
//         axios.get(apiUrl).then((resp) => {
//             const titles = resp.data;
//             setAppState({
//                 loading: false,
//                 titles: titles
//             });
//         }).catch(error => {
//             console.log(error);
//         });
//     }, [setAppState]);

//     return (
//         <div>
//             <h1>Последнее</h1>
//             {(user !== null) &&
//                 <div className="row">
//                     {/*<div className="col">*/}
//                     {/*//<button className="btn btn-primary" onClick={() => Refresh}>Refresh</button>*/}
//                     {/*    <button className="btn btn-primary" onClick={() => console.log('asdjsa')}>Refresh</button>*/}
//                     {/*</div>*/}
//                     <div className="col">
//                         <button className="btn btn-primary" onClick={() => AddNewTitle('rus', 'wtf')}>+</button>
//                     </div>
//                 </div>
//                 //<button className="btn btn-primary fs-5" onClick={() => Login(login, password, currentUser, userList, dispatch, navigate)}><b>Войти</b></button>
//             }
//             appState
//             {data.map(item => (
//                 <p key={item.id}>{item.title}</p>
//             ))}
//             <div className="App">
//                 <header className="App-header">
//                     {<img src={logo} className={user != undefined ? "App-logo" : "App-logo-sm"} alt="logo" />}
//                     <div>
//                         <div>
//                             <div className={backgroundBootstrapClasses}>
//                                 {user === null &&
//                                     <span className="text-light fs-3">
//                                         <b>{greetText}, некто</b>
//                                     </span>
//                                 }
//                                 {user !== null &&
//                                     <span className="text-warning fs-3">
//                                         <b>{greetText}, {user.firstName}</b>
//                                     </span>
//                                 }
//                             </div>
//                         </div>
//                         <br />
//                     </div>
//                     <nav>
//                         <ul className='nav flex-column'>
//                             <li className='nav-item'>
//                                 <Link className={navLinkBootstrapClasses} to={'/login'}>Страница логина</Link>
//                             </li>
//                         </ul>
//                     </nav>
//                 </header>
//             </div>
//         </div>
//     );
// }