From 8a2ac677c3128a8164ffa0eb50328b750b697391 Mon Sep 17 00:00:00 2001
From: Anthony Potdevin <potdevin.anthony@gmail.com>
Date: Wed, 23 Sep 2020 15:42:13 +0200
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=94=A7=20add=20error=20handling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/quickActions/lnurl/LnPay.tsx      |  6 +++++-
 src/views/home/quickActions/lnurl/LnWithdraw.tsx | 10 ++++++++--
 src/views/home/quickActions/lnurl/lnUrlModal.tsx |  6 +++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/views/home/quickActions/lnurl/LnPay.tsx b/src/views/home/quickActions/lnurl/LnPay.tsx
index 709bceff..8fde1e3c 100644
--- a/src/views/home/quickActions/lnurl/LnPay.tsx
+++ b/src/views/home/quickActions/lnurl/LnPay.tsx
@@ -8,6 +8,8 @@ import { InputWithDeco } from 'src/components/input/InputWithDeco';
 import { ColorButton } from 'src/components/buttons/colorButton/ColorButton';
 import { usePayLnUrlMutation } from 'src/graphql/mutations/__generated__/lnUrl.generated';
 import { Link } from 'src/components/link/Link';
+import { toast } from 'react-toastify';
+import { getErrorContent } from 'src/utils/error';
 
 const ModalText = styled.div`
   width: 100%;
@@ -34,7 +36,9 @@ export const LnPay: FC<LnPayProps> = ({ request }) => {
   const [amount, setAmount] = useState<number>(min);
   const [comment, setComment] = useState<string>('');
 
-  const [payLnUrl, { data, loading }] = usePayLnUrlMutation();
+  const [payLnUrl, { data, loading }] = usePayLnUrlMutation({
+    onError: error => toast.error(getErrorContent(error)),
+  });
 
   if (!callback) {
     return <ModalText>Missing information from LN Service</ModalText>;
diff --git a/src/views/home/quickActions/lnurl/LnWithdraw.tsx b/src/views/home/quickActions/lnurl/LnWithdraw.tsx
index 084c81d3..84334192 100644
--- a/src/views/home/quickActions/lnurl/LnWithdraw.tsx
+++ b/src/views/home/quickActions/lnurl/LnWithdraw.tsx
@@ -11,6 +11,8 @@ import { useGetInvoiceStatusChangeLazyQuery } from 'src/graphql/queries/__genera
 import { chartColors } from 'src/styles/Themes';
 import { CheckCircle } from 'react-feather';
 import { Link } from 'src/components/link/Link';
+import { getErrorContent } from 'src/utils/error';
+import { toast } from 'react-toastify';
 import { Timer } from '../../account/createInvoice/Timer';
 
 const Center = styled.div`
@@ -49,11 +51,15 @@ export const LnWithdraw: FC<LnWithdrawProps> = ({ request }) => {
     defaultDescription || ''
   );
 
-  const [withdraw, { data, loading }] = useWithdrawLnUrlMutation();
+  const [withdraw, { data, loading }] = useWithdrawLnUrlMutation({
+    onError: error => toast.error(getErrorContent(error)),
+  });
   const [
     checkStatus,
     { data: statusData, loading: statusLoading, error },
-  ] = useGetInvoiceStatusChangeLazyQuery();
+  ] = useGetInvoiceStatusChangeLazyQuery({
+    onError: error => toast.error(getErrorContent(error)),
+  });
 
   useEffect(() => {
     if (!loading && data?.lnUrlWithdraw) {
diff --git a/src/views/home/quickActions/lnurl/lnUrlModal.tsx b/src/views/home/quickActions/lnurl/lnUrlModal.tsx
index e46e19a2..d94d35f4 100644
--- a/src/views/home/quickActions/lnurl/lnUrlModal.tsx
+++ b/src/views/home/quickActions/lnurl/lnUrlModal.tsx
@@ -1,9 +1,11 @@
 import { FC, useEffect } from 'react';
+import { toast } from 'react-toastify';
 import { ColorButton } from 'src/components/buttons/colorButton/ColorButton';
 import { Separation } from 'src/components/generic/Styled';
 import { LoadingCard } from 'src/components/loading/LoadingCard';
 import { Title } from 'src/components/typography/Styled';
 import { useFetchLnUrlMutation } from 'src/graphql/mutations/__generated__/lnUrl.generated';
+import { getErrorContent } from 'src/utils/error';
 import styled from 'styled-components';
 import { LnPay } from './LnPay';
 import { LnWithdraw } from './LnWithdraw';
@@ -21,7 +23,9 @@ type lnUrlProps = {
 export const LnUrlModal: FC<lnUrlProps> = ({ url, type }) => {
   const fullUrl = new URL(url);
 
-  const [fetchLnUrl, { data, loading }] = useFetchLnUrlMutation();
+  const [fetchLnUrl, { data, loading }] = useFetchLnUrlMutation({
+    onError: error => toast.error(getErrorContent(error)),
+  });
 
   useEffect(() => {
     if (!type) {