From 7a0b71020f4fdc05976066ca3cc734c08fbf962e Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 25 Aug 2024 17:25:33 +0500
Subject: [PATCH] style: change profile widgets positions

---
 .../Profile/Profile.ReleaseRatings.tsx        |  4 +-
 app/pages/Profile.tsx                         | 42 +++++++++----------
 2 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/app/components/Profile/Profile.ReleaseRatings.tsx b/app/components/Profile/Profile.ReleaseRatings.tsx
index e5c793d..0629718 100644
--- a/app/components/Profile/Profile.ReleaseRatings.tsx
+++ b/app/components/Profile/Profile.ReleaseRatings.tsx
@@ -24,14 +24,14 @@ const CarouselTheme = {
 
 export const ProfileReleaseRatings = (props: any) => {
   return (
-    <Card>
+    <Card className="h-fit">
       <h1 className="text-2xl font-bold">Оценки</h1>
       <div className="max-w-[700px] min-h-[200px]">
         <Carousel theme={CarouselTheme}>
           {props.ratings.map((release) => {
             return (
               <div
-                className="flex gap-4 mx-16"
+                className="flex gap-4 mx-20"
                 key={`vote-${release.id}`}
               >
                 <Image
diff --git a/app/pages/Profile.tsx b/app/pages/Profile.tsx
index 06c0c6b..0f31e6c 100644
--- a/app/pages/Profile.tsx
+++ b/app/pages/Profile.tsx
@@ -134,37 +134,33 @@ export const ProfilePage = (props: any) => {
               friendsCount={user.friend_count}
             />
           )}
+          {!user.is_stats_hidden && (
+            <ProfileReleaseRatings ratings={user.votes} />
+          )}
+        </div>
+        <div className="flex flex-col gap-2 flex-1">
           <ProfileActions
             isMyProfile={isMyProfile}
             profile_id={user.id}
             isFriendRequestsDisallowed={user.is_friend_requests_disallowed}
           />
           {!user.is_stats_hidden && (
-            <ProfileReleaseRatings ratings={user.votes} />
+            <>
+              <ProfileStats
+                lists={[
+                  user.watching_count,
+                  user.plan_count,
+                  user.completed_count,
+                  user.hold_on_count,
+                  user.dropped_count,
+                ]}
+                watched_count={user.watched_episode_count}
+                watched_time={user.watched_time}
+              />
+              <ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} />
+            </>
           )}
         </div>
-        <div className="flex flex-col gap-2 flex-1">
-          <ProfileStats
-            lists={[
-              user.watching_count,
-              user.plan_count,
-              user.completed_count,
-              user.hold_on_count,
-              user.dropped_count,
-            ]}
-            watched_count={user.watched_episode_count}
-            watched_time={user.watched_time}
-          />
-          <ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} />
-        </div>
-        {/*
-        {!user.is_stats_hidden && (
-          <div className="flex flex-col gap-2">
-            
-          </div>
-        )}
-        <div className="[grid-column:1] xl:[grid-row:3]">
-        </div>*/}
       </div>
     </>
   );