From 0302b3f809f40f7765e499a2b7a1bf2e4795cb0f Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 25 Aug 2024 16:18:45 +0500
Subject: [PATCH] feat: add profile actions placeholder

---
 app/components/Profile/Profile.Actions.tsx | 25 ++++++++++++++++++++++
 app/pages/Profile.tsx                      | 18 +++++++++++++++-
 2 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 app/components/Profile/Profile.Actions.tsx

diff --git a/app/components/Profile/Profile.Actions.tsx b/app/components/Profile/Profile.Actions.tsx
new file mode 100644
index 0000000..d8c695b
--- /dev/null
+++ b/app/components/Profile/Profile.Actions.tsx
@@ -0,0 +1,25 @@
+"use client";
+import { Card, Button } from "flowbite-react";
+import { useRouter } from "next/navigation";
+
+export const ProfileActions = (props: {
+  isMyProfile: boolean;
+  isFriendRequestsDisallowed: boolean;
+  profile_id: number;
+}) => {
+  return (
+    <Card className="h-fit">
+      <div className="flex gap-2">
+        {props.isMyProfile && <Button color={"blue"}>Редактировать</Button>}
+        {!props.isMyProfile && (
+          <>
+            {!props.isFriendRequestsDisallowed && (
+              <Button color={"blue"}>Добавить в друзья</Button>
+            )}
+            <Button color={"red"}>Заблокировать</Button>
+          </>
+        )}
+      </div>
+    </Card>
+  );
+};
diff --git a/app/pages/Profile.tsx b/app/pages/Profile.tsx
index d78fc8c..f0f304c 100644
--- a/app/pages/Profile.tsx
+++ b/app/pages/Profile.tsx
@@ -11,6 +11,7 @@ import { ProfilePrivacyBanner } from "#/components/Profile/Profile.PrivacyBanner
 import { ProfileActivity } from "#/components/Profile/Profile.Activity";
 import { ProfileStats } from "#/components/Profile/Profile.Stats";
 import { ProfileWatchDynamic } from "#/components/Profile/Profile.WatchDynamic";
+import { ProfileActions } from "#/components/Profile/Profile.Actions";
 
 export const ProfilePage = (props: any) => {
   const authUser = useUserStore((state) => state);
@@ -98,7 +99,11 @@ export const ProfilePage = (props: any) => {
         <ProfilePrivacyBanner is_privacy={isPrivacy} />
       </div>
       <div
-        className={`grid grid-cols-[100%] xl:grid-cols-[630px,626px] 2xl:grid-cols-[777px,743px] gap-2 ${
+        className={`grid grid-cols-[100%] ${
+          !user.is_stats_hidden
+            ? "xl:grid-cols-[630px,626px] 2xl:grid-cols-[777px,743px]"
+            : ""
+        } gap-2 ${
           isPrivacy || user.is_banned || user.is_perm_banned ? "mt-4" : ""
         }`}
       >
@@ -135,6 +140,17 @@ export const ProfilePage = (props: any) => {
             />
           </div>
         )}
+        <div
+          className={`[grid-column:1] ${
+            !user.is_counts_hidden ? "[grid-row:3]" : "[grid-row:2]"
+          }`}
+        >
+          <ProfileActions
+            isMyProfile={isMyProfile}
+            profile_id={user.id}
+            isFriendRequestsDisallowed={user.is_friend_requests_disallowed}
+          />
+        </div>
         {!user.is_stats_hidden && (
           <>
             <div className="[grid-column:1] xl:[grid-column:2] xl:[grid-row:span_2]">