chore: show topup/increase option ony if available

The backends without channel management do not have support for this
getAlby · Jun 29, 2024 · e994fef · e994fef
1 parent 4eb6d0e
commit e994fef
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 21 deletions.
diff --git a/frontend/src/screens/wallet/Receive.tsx b/frontend/src/screens/wallet/Receive.tsx
@@ -18,13 +18,15 @@ import { Label } from "src/components/ui/label";
 import { LoadingButton } from "src/components/ui/loading-button";
 import { useToast } from "src/components/ui/use-toast";
 import { useBalances } from "src/hooks/useBalances";
+import { useInfo } from "src/hooks/useInfo";
 import { useCSRF } from "src/hooks/useCSRF";
 import { useTransaction } from "src/hooks/useTransaction";
 import { copyToClipboard } from "src/lib/clipboard";
 import { CreateInvoiceRequest, Transaction } from "src/types";
 import { request } from "src/utils/request";
 
 export default function Receive() {
+  const { hasChannelManagement } = useInfo();
   const { data: balances } = useBalances();
   const { data: csrf } = useCSRF();
   const { toast } = useToast();
@@ -238,11 +240,13 @@ export default function Receive() {
               )}
             </div>
           </CardContent>
-          <CardFooter className="flex justify-end">
-            <Link to="/channels/incoming">
-              <Button variant="outline">Increase</Button>
-            </Link>
-          </CardFooter>
+          {hasChannelManagement && (
+            <CardFooter className="flex justify-end">
+              <Link to="/channels/incoming">
+                <Button variant="outline">Increase</Button>
+              </Link>
+            </CardFooter>
+          )}
         </Card>
       </div>
     </div>

diff --git a/frontend/src/screens/wallet/Send.tsx b/frontend/src/screens/wallet/Send.tsx
@@ -17,12 +17,14 @@ import { Label } from "src/components/ui/label";
 import { LoadingButton } from "src/components/ui/loading-button";
 import { useToast } from "src/components/ui/use-toast";
 import { useBalances } from "src/hooks/useBalances";
+import { useInfo } from "src/hooks/useInfo";
 import { useCSRF } from "src/hooks/useCSRF";
 import { copyToClipboard } from "src/lib/clipboard";
 import { PayInvoiceResponse } from "src/types";
 import { request } from "src/utils/request";
 
 export default function Send() {
+  const { hasChannelManagement } = useInfo();
   const { data: balances } = useBalances();
   const { data: csrf } = useCSRF();
   const { toast } = useToast();
@@ -222,11 +224,13 @@ export default function Send() {
               </div>
             )}
           </CardContent>
-          <CardFooter className="flex justify-end">
-            <Link to="/channels/outgoing">
-              <Button variant="outline">Top Up</Button>
-            </Link>
-          </CardFooter>
+          {hasChannelManagement && (
+            <CardFooter className="flex justify-end">
+              <Link to="/channels/outgoing">
+                <Button variant="outline">Top Up</Button>
+              </Link>
+            </CardFooter>
+          )}
         </Card>
       </div>
     </div>

diff --git a/frontend/src/screens/wallet/index.tsx b/frontend/src/screens/wallet/index.tsx
@@ -23,7 +23,7 @@ import { useBalances } from "src/hooks/useBalances";
 import { useInfo } from "src/hooks/useInfo";
 
 function Wallet() {
-  const { data: info } = useInfo();
+  const { data: info, hasChannelManagement } = useInfo();
   const { data: balances } = useBalances();
 
   if (!info || !balances) {
@@ -88,11 +88,13 @@ function Wallet() {
               </div>
             )}
           </CardContent>
-          <CardFooter className="flex justify-end">
-            <Link to="/channels/outgoing">
-              <Button variant="outline">Top Up</Button>
-            </Link>
-          </CardFooter>
+          {hasChannelManagement && (
+            <CardFooter className="flex justify-end">
+              <Link to="/channels/outgoing">
+                <Button variant="outline">Top Up</Button>
+              </Link>
+            </CardFooter>
+          )}
         </Card>
         <Card>
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
@@ -120,11 +122,13 @@ function Wallet() {
               )}
             </div>
           </CardContent>
-          <CardFooter className="flex justify-end">
-            <Link to="/channels/incoming">
-              <Button variant="outline">Increase</Button>
-            </Link>
-          </CardFooter>
+          {hasChannelManagement && (
+            <CardFooter className="flex justify-end">
+              <Link to="/channels/incoming">
+                <Button variant="outline">Increase</Button>
+              </Link>
+            </CardFooter>
+          )}
         </Card>
       </div>