From 6054bc0403cd3d242ecfd9351d551bcfb119980c Mon Sep 17 00:00:00 2001
From: Max <er4gonik@gmail.com>
Date: Sun, 2 Feb 2025 17:48:11 +0300
Subject: [PATCH] Some improvements

---
 enshi/src/Components/UserCard/UserCard.tsx          | 11 +++++++++++
 enshi/src/Pages/UserProfilePage/UserProfilePage.tsx |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/enshi/src/Components/UserCard/UserCard.tsx b/enshi/src/Components/UserCard/UserCard.tsx
index fcd9464..0b58d6d 100644
--- a/enshi/src/Components/UserCard/UserCard.tsx
+++ b/enshi/src/Components/UserCard/UserCard.tsx
@@ -1,6 +1,8 @@
 import { Avatar, Badge, Card, Flex, Separator, Text } from "@radix-ui/themes";
+import { useQuery } from "@tanstack/react-query";
 import { useAtomValue } from "jotai";
 import { userAtom } from "../../AtomStore/AtomStore";
+import { axiosLocalhost } from "../../api/axios/axios";
 
 type TUserCard = {
     username?: string;
@@ -10,6 +12,15 @@ type TUserCard = {
 export default function UserCard(props: TUserCard) {
     const user = useAtomValue(userAtom);
 
+    const { data } = useQuery({
+        queryKey: [`userCard${props.userId}`],
+        queryFn: async () => {
+            const response = await axiosLocalhost.get(`/users/${props.userId}`);
+            return response.data;
+        },
+        enabled: !!props.userId,
+    });
+
     const getInitials = (username: string): string => {
         const result = username
             .split(" ")
diff --git a/enshi/src/Pages/UserProfilePage/UserProfilePage.tsx b/enshi/src/Pages/UserProfilePage/UserProfilePage.tsx
index 3d74e32..dc44a30 100644
--- a/enshi/src/Pages/UserProfilePage/UserProfilePage.tsx
+++ b/enshi/src/Pages/UserProfilePage/UserProfilePage.tsx
@@ -3,11 +3,11 @@ import { loremText } from "../../constants/loremText";
 
 export default function UserProfilePage() {
     return (
-        <Flex direction={"column"} className="flex-grow-[8]">
+        <Flex direction={"column"} className="flex-grow-[8] overflow-hidden">
             <ScrollArea
                 type="auto"
                 scrollbars="vertical"
-                className="flex-grow-[1] min-h-0 pr-5"
+                className="flex-grow-[1] pr-5"
             >
                 <Text>
                     <p className="text-justify">{loremText}</p>