AuthCheck.js 788 B

1234567891011121314151617181920212223
  1. import { Alert } from "react-bootstrap";
  2. import { Link } from "react-router-dom";
  3. export const AuthCheck = ({ header }) => {
  4. return (
  5. <div>
  6. <Alert>
  7. <h2>{header}</h2>
  8. <p>
  9. Чтобы видеть треки других пользователей, ваши треки, ваш профиль и
  10. остальное необходимо войти в аккаунт. Если у вас ещё нет аккаунта -
  11. зарегистрируйтесь!
  12. </p>
  13. <Link to="/signup" className="btn btn-outline-primary">
  14. Зарегистрироваться
  15. </Link>{" "}
  16. <Link to="/login" className="btn btn-outline-primary">
  17. Войти
  18. </Link>
  19. </Alert>
  20. </div>
  21. );
  22. };