Merge pull request #714 from aibtcdev/cleanups3

Cleanups3

Author: biwasxyz

src/app/application-layout.tsx

@@ -172,13 +172,13 @@ export default function ApplicationLayout({
                   <DropdownMenuSeparator className="my-1" />
                   <DropdownMenuItem
                     onClick={(e) => {
-                      handleNavigation("/account?tab=wallets", e);
+                      handleNavigation("/account?tab=settings", e);
                       setMobileMenuOpen(false);
                     }}
                     className="group flex items-center gap-3 px-3 py-2 text-sm font-medium text-foreground rounded-sm hover:bg-primary/10 focus:bg-primary/10 focus:text-primary transition-colors duration-200 ease-in-out cursor-pointer"
                   >
-                    <User className="h-4 w-4" />
-                    <span className="group-hover:text-white">Wallets</span>
+                    <Settings className="h-4 w-4" />
+                    <span className="group-hover:text-white">Settings</span>
                   </DropdownMenuItem>
                   <DropdownMenuSeparator className="my-1" />
                   <div className="px-3 py-2">

src/components/account/ConnectedWallet.tsx

@@ -230,13 +230,13 @@ export function ConnectedWallet({ fetchWallets }: ConnectedWalletProps) {
   return (
     <>
       <div>
-        <div className="flex items-center justify-between mb-4">
-          <h2 className="text-xl font-bold text-foreground">
-            Connected Wallet
-          </h2>
-          <div className="flex items-center gap-2">
+        <div className="mb-4">
+          <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-3 md:gap-0">
+            <h2 className="text-xl font-bold text-foreground">
+              Connected Wallet
+            </h2>
             {process.env.NEXT_PUBLIC_STACKS_NETWORK === "testnet" && (
-              <>
+              <div className="flex items-center gap-2">
                 <Button
                   onClick={handleRequestSTX}
                   disabled={isRequestingSTX || !isAuthenticated}
@@ -255,7 +255,7 @@ export function ConnectedWallet({ fetchWallets }: ConnectedWalletProps) {
                 >
                   {isRequestingSBTC ? "Requesting..." : "Get testnet sBTC"}
                 </Button>
-              </>
+              </div>
             )}
             {/* <Button
               onClick={handleSignOut}

src/components/auth/XLinking.tsx

@@ -129,8 +129,8 @@ export function XLinking({
             <div className="animate-spin rounded-full h-6 w-6 border-2 border-primary border-t-transparent"></div>
           </div>
         ) : needsXLink ? (
-          <div className="flex items-start justify-between gap-3 p-4 rounded-sm">
-            <div className="flex items-start gap-2 flex-1">
+          <div className="flex flex-col gap-4 p-4 rounded-sm">
+            <div className="flex items-start gap-1.5 flex-1">
               <svg
                 className="w-4 h-4 flex-shrink-0 mt-0.5"
                 viewBox="0 0 22 22"
@@ -142,11 +142,16 @@ export function XLinking({
                   fill="#1d9bf0"
                 />
               </svg>
-              <h4 className="font-medium">
+              <h4 className="font-medium text-left">
                 Verified X Account Required to Submit Contribution
               </h4>
             </div>
-            <Button onClick={handleLinkX} disabled={isLinking} size="sm">
+            <Button
+              onClick={handleLinkX}
+              disabled={isLinking}
+              size="sm"
+              className="w-full"
+            >
               {isLinking ? "Linking..." : "Link X Account"}
             </Button>
           </div>

src/components/leaderboard/LeaderboardView.tsx

@@ -309,7 +309,9 @@ const LeaderboardView = ({ metrics }: LeaderboardViewProps) => {
               <tr>
                 <td colSpan={3} className="h-24 text-center">
                   <div className="flex flex-col items-center justify-center space-y-2">
-                    <p className="text-muted-foreground">No users found</p>
+                    <p className="text-muted-foreground">
+                      No contributions yet
+                    </p>
                     {searchQuery && (
                       <Button
                         variant="link"

src/components/proposals/ProposalSubmission.tsx

@@ -1221,20 +1221,6 @@ export function ProposalSubmission({
           <div className="flex items-start justify-between mb-1">
             <h2 className="text-3xl font-extrabold">Submit to Earn</h2>
             {/* Tip positioned at top right */}
-            <div className="relative group">
-              <div className="flex items-center gap-1 text-sm text-zinc-400 cursor-pointer px-3 py-2 rounded-sm bg-zinc-900/40 hover:bg-zinc-800/40 transition-colors">
-                💡 <strong>Tips</strong>
-              </div>
-              {/* Tooltip */}
-              <div className="absolute right-0 top-full mt-2 w-80 p-3 bg-zinc-800 border border-zinc-700 rounded-sm shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50">
-                <div className="text-sm text-zinc-200">
-                  All submissions are evaluated by voting agents to be approved
-                  or denied for reward.
-                </div>
-                {/* Arrow pointing up */}
-                <div className="absolute -top-1 right-4 w-2 h-2 bg-zinc-800 border-l border-t border-zinc-700 rotate-45"></div>
-              </div>
-            </div>
           </div>
           <p className="text-md">
             Submit proof of completion for the current order for agent
@@ -1243,7 +1229,7 @@ export function ProposalSubmission({
         </div>
 
         {/* Content Body */}
-        <div className="flex-1 space-y-6 relative">
+        <div className="flex-1 space-y-6 relative min-h-[250px] md:min-h-0">
           {/* Locked Overlay for Unauthenticated Users */}
           {!hasAccessToken && (
             <div className="absolute inset-0 bg-zinc-900 rounded-sm flex flex-col items-center justify-center z-10">