diff --git a/src/OtherProfile.js b/src/OtherProfile.js
index a74c49e..ec64dc7 100644
--- a/src/OtherProfile.js
+++ b/src/OtherProfile.js
@@ -1,19 +1,51 @@
-import React, { useState, useEffect } from 'react';
-import { useParams } from 'react-router-dom';
+import React, {useState, useEffect} from 'react';
+import './css/OtherProfile.css';
+import {useParams, useNavigate} from 'react-router-dom';
import axios from 'axios';
import Header from './Header';
const OtherProfile = () => {
- const { id } = useParams();
+ const {id} = useParams('');
const [user, setUser] = useState(null);
+ const [avatar, setAvatar] = useState('');
const [error, setError] = useState('');
-
- return (
- <>
-
-
-
- );
-}
+ const navigate = useNavigate();
+ const [user_description, setUserDescription] = useState('');
+ useEffect(() => {
+ const checkSession = async () => {
+ try {
+ const response = await axios.get('/api/users/' + id);
+ setUser(response.data.display_name);
+ setAvatar(response.data.avatar_url);
+ if (response.data.user_description === '') {
+ setUserDescription('Описание отсутствует')
+ } else {
+ setUserDescription(response.data.user_description);
+ }
+ } catch (err) {
+ setError('Вы не авторизованы');
+ setTimeout(() => {
+ navigate('/login');
+ }, 1500);
+ }
+ };
+ checkSession();
+ }, []);
+
+ return (
+ <>
+
+ {error &&
{error}
}
+
+
+
{user}
+
+
+
{user_description}
+
+