[Do not merge] Beta

apps/web/app/(app)/gardens/page.tsx

@@ -47,10 +47,26 @@ export default function Page() {
       return (
         <>
           {tokenGardens
-            .sort(
-              (a, b) =>
-                (b.communities?.length ?? 0) - (a.communities?.length ?? 0),
-            )
+            .sort((a, b) => {
+              const communitiesDiff =
+                (b.communities?.length ?? 0) - (a.communities?.length ?? 0);
+
+              if (communitiesDiff === 0) {
+                const aTotalMembers =
+                  a.communities?.reduce(
+                    (sum, community) => sum + (community.members?.length ?? 0),
+                    0,
+                  ) ?? 0;
+                const bTotalMembers =
+                  b.communities?.reduce(
+                    (sum, community) => sum + (community.members?.length ?? 0),
+                    0,
+                  ) ?? 0;
+                return bTotalMembers - aTotalMembers;
+              }
+
+              return communitiesDiff;
+            })
             .map((garden) => (
               <div key={garden.id}>
                 <GardenCard garden={garden} />

apps/web/app/page.tsx

@@ -3,4 +3,4 @@ import { redirect } from "next/navigation";
 
 export default function Page() {
   redirect("/gardens");
-}
+}

apps/web/components/Forms/PoolForm.tsx

@@ -194,7 +194,7 @@ export function PoolForm({ token, communityAddr }: Props) {
       rulingTime: parseTimeUnit(DEFAULT_RULING_TIMEOUT_SEC, "seconds", "days"),
       defaultResolution: 1,
       minThresholdPoints: 0,
-      poolTokenAddress: token.id,
+      poolTokenAddress: "",
       proposalCollateral:
         chain.id === polygon.id ?
           defaultMaticProposalColateral
@@ -227,6 +227,7 @@ export function PoolForm({ token, communityAddr }: Props) {
   const { isConnected, missmatchUrl, tooltipMessage } = useDisableButtons();
 
   const watchedAddress = watch("poolTokenAddress").toLowerCase() as Address;
+
   const { data: customTokenData } = useToken({
     address: watchedAddress ?? "0x",
     chainId: +chain,
@@ -711,7 +712,7 @@ export function PoolForm({ token, communityAddr }: Props) {
                             registerKey="maxAmount"
                             type="number"
                             placeholder="0"
-                            suffix={token.symbol}
+                            suffix={customTokenData?.symbol}
                           />
                         </div>
                       )}

apps/web/components/PoolCard.tsx

@@ -76,11 +76,18 @@ export function PoolCard({ pool, tokenGarden }: Props) {
           icon={<HandRaisedIcon />}
           count={proposals.length}
           label="proposals"
+          className={`${isEnabled ? "visible" : "invisible"}`}
         />
         <Statistic
           icon={<CurrencyDollarIcon />}
           label="funds"
-          className={`${poolType && PoolTypes[poolType] === "funding" ? "visible" : "invisible"}`}
+          className={`${
+            isEnabled ?
+              poolType && PoolTypes[poolType] === "funding" ?
+                "visible"
+              : "invisible"
+            : "invisible"
+          }`}
         >
           <DisplayNumber
             number={[BigInt(poolAmount), tokenGarden.decimals]}

apps/web/components/PoolHeader.tsx

@@ -299,31 +299,15 @@ export default function PoolHeader({
 
   return (
     <section className="section-layout flex flex-col gap-0">
-      <header className="mb-2 flex flex-col">
+      <header className="mb-4 flex flex-col">
         <div className="flex justify-between flex-wrap">
           <h2>
             <Skeleton isLoading={!ipfsResult} className="sm:!w-96 h-8">
-              {ipfsResult?.title} #{poolId}
+              {ipfsResult?.title}
             </Skeleton>
           </h2>
           {(!!isCouncilMember || isCouncilSafe) && (
             <div className="flex gap-2 flex-wrap">
-              <div className="flex flex-col gap-1 p-1 w-48">
-                <a
-                  href={`https://app.safe.global/transactions/queue?safe=${safePrefix}:${strategy.registryCommunity.councilSafe}`}
-                  className="text-info whitespace-nowrap flex flex-nowrap gap-1 items-center"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  Council safe
-                  <ArrowTopRightOnSquareIcon width={16} height={16} />
-                </a>
-                <EthAddress
-                  address={strategy.registryCommunity.councilSafe as Address}
-                  shortenAddress={true}
-                  actions="copy"
-                />
-              </div>
               <Button
                 btnStyle="outline"
                 icon={<Cog6ToothIcon height={24} width={24} />}
@@ -362,12 +346,31 @@ export default function PoolHeader({
             </div>
           )}
         </div>
-        <div>
-          <EthAddress
-            icon={false}
-            address={strategy.id as Address}
-            label="Pool address"
-          />
+        <div className="flex justify-between">
+          <div className="-ml-1">
+            <EthAddress
+              icon={false}
+              address={strategy.id as Address}
+              label="Pool address"
+            />
+          </div>
+
+          <div className="flex gap-1">
+            <a
+              href={`https://app.safe.global/transactions/queue?safe=${safePrefix}:${strategy.registryCommunity.councilSafe}`}
+              className="text-primary-content whitespace-nowrap flex flex-nowrap gap-1 items-center"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Council safe
+              <ArrowTopRightOnSquareIcon width={16} height={16} />
+            </a>
+            <EthAddress
+              address={strategy.registryCommunity.councilSafe as Address}
+              shortenAddress={true}
+              actions="copy"
+            />
+          </div>
         </div>
         <Modal
           title={`Edit ${ipfsResult?.title} #${poolId}`}