Fixed banner image

2023-10-23 20:37:10 +01:00
5 changed files with 7 additions and 39 deletions
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 64 64" viewBox="0 0 64 64" id="wallet"><path d="M60.94,33.76H59.6V19.85c0-1.69-1.37-3.06-3.06-3.06h-1.61l-0.47-6.54c-0.12-1.67-1.57-2.94-3.27-2.84l-7.3,0.52
-		l-0.18-2.48c-0.12-1.67-1.57-2.95-3.27-2.84L7.83,4.93c-0.82,0.06-1.56,0.43-2.1,1.05C5.19,6.6,4.93,7.39,4.99,8.2l0.61,8.59H3.06
-		C1.37,16.79,0,18.17,0,19.85v38.48c0,1.69,1.37,3.06,3.06,3.06h53.48c1.69,0,3.06-1.37,3.06-3.06V44.43h1.33
-		c1.69,0,3.06-1.37,3.06-3.06v-4.55C64,35.13,62.63,33.76,60.94,33.76z M51.42,9.94c0.27,0,0.51,0.22,0.53,0.49l0.45,6.36H18.55
-		l-0.28-3.97c-0.01-0.19,0.07-0.32,0.13-0.38c0.05-0.06,0.17-0.17,0.36-0.18L51.42,9.94z M7.65,7.64C7.7,7.58,7.82,7.47,8.01,7.46
-		l32.66-2.32c0.27,0,0.51,0.22,0.53,0.49l0.18,2.48L18.58,9.73c-0.82,0.06-1.56,0.43-2.1,1.05c-0.54,0.62-0.8,1.41-0.74,2.22
-		l0.27,3.79H8.14L7.52,8.02C7.5,7.83,7.59,7.7,7.65,7.64z M57.07,58.34c0,0.28-0.24,0.53-0.53,0.53H3.06
-		c-0.28,0-0.53-0.24-0.53-0.53V19.85c0-0.29,0.24-0.53,0.53-0.53h53.48c0.28,0,0.53,0.24,0.53,0.53v13.91h-4.43
-		c-1.69,0-3.06,1.37-3.06,3.06v4.55c0,1.69,1.37,3.06,3.06,3.06h4.43V58.34z M61.47,41.37c0,0.28-0.24,0.53-0.53,0.53h-8.3
-		c-0.28,0-0.53-0.24-0.53-0.53v-4.55c0-0.28,0.24-0.53,0.53-0.53h8.3c0.29,0,0.53,0.24,0.53,0.53V41.37z"></path></svg>
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import dataImage2 from "../../assets/images/data-table-user-2.png";
+import dataImage2 from "../../assets/images/taskbanners/default.jpg";
 import { PriceFormatter } from "../Helpers/PriceFormatter";
 import MarketPopUp from "../MarketPlace/PopUp/MarketPopUp";

@@ -12,7 +12,6 @@ import localImgLoad from "../../lib/localImgLoad";
 import usersService from "../../services/UsersService";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 import AssignTaskPopout from "./FamilyPopout/AssignTaskPopout";
-import FamilyWallet from "./Tabs/FamilyWallet";

 // Lazy Imports for components
 const FamilyWaitlist = lazy(() => import("./Tabs/FamilyWaitlist"));
@@ -167,7 +166,6 @@ export default function FamilyManageTabs({
      />
    ),
    Profile: <FamilyProfile familyData={details.familyDetails.data} />,
-    wallet: <FamilyWallet />,
  };

  // Default tab component
@@ -299,17 +297,17 @@ export default function FamilyManageTabs({
                browseProfileImg={browseProfileImg}
                accountDetails={accountDetails}
              />
-              <div className="mt-4 flex flex-col justify-center items-center gap-2 lg:flex-row lg:justify-center lg:items-center xl:flex-col xl:justify-center xl:items-center 2xl:flex-row 2xl:justify-center 2xl:items-center 2xl:gap-[2px]">
+              <div className="mt-4 flex justify-start items-center gap-2">
                <button
                  onClick={() => tabHandler("Account")}
                  className="family-icon p-2 border-2 border-sky-blue rounded-2xl flex flex-col justify-between items-center max-w-[65px] w-full"
                >
                  <img
                    src={localImgLoad("images/icons/account.svg")}
-                    className="max-w-[30px]"
+                    className="max-w-[30px] w-full"
                    alt="Settings-Icon"
                  />
-                  <p className="text-[16px] text-sky-blue">Acc.</p>
+                  <p className="text-lg text-sky-blue">Acc.</p>
                </button>
                <button
                  onClick={() => tabHandler("Profile")}
@@ -317,21 +315,10 @@ export default function FamilyManageTabs({
                >
                  <img
                    src={localImgLoad("images/icons/profile.svg")}
-                    className="max-w-[30px]"
+                    className="max-w-[30px] w-full"
                    alt="Settings-Icon"
                  />
-                  <p className="text-[16px] text-sky-blue">Profile</p>
-                </button>
-                <button
-                  onClick={() => tabHandler("wallet")}
-                  className="family-icon p-2 border-2 border-sky-blue rounded-2xl flex flex-col justify-between items-center max-w-[65px] w-full"
-                >
-                  <img
-                    src={localImgLoad("images/icons/wallet.svg")}
-                    className="max-w-[30px]"
-                    alt="Settings-Icon"
-                  />
-                  <p className="text-[16px] text-sky-blue">Wallet</p>
+                  <p className="text-lg text-sky-blue">Profile</p>
                </button>
              </div>
            </div>
@@ -1,9 +0,0 @@
-import React from 'react'
-
-function FamilyWallet() {
-  return (
-    <div>FamilyWallet</div>
-  )
-}
-
-export default FamilyWallet
@@ -201,7 +201,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                  If you have any questions about this task:
                </label>
                <textarea
-                  className={`p-1 w-full text-sm text-slate-900 dark:text-white bg-transparent outline-none border border-slate-300 rounded-md`}
+                  className={`p-1 w-full text-lg text-slate-900 dark:text-white bg-transparent outline-none border-2 border-slate-900 rounded-md`}
                  rows="5"
                  style={{ resize: "none" }}
                  placeholder="Enter message here ..."