From ac47e8dff1e35275bfca838b20eb32f3580e52d1 Mon Sep 17 00:00:00 2001 From: Sudarshan Date: Thu, 28 Mar 2024 07:00:40 +0530 Subject: [PATCH 1/2] Displaying axios errors --- zimui/src/assets/Error.jpg | Bin 0 -> 4165 bytes zimui/src/components/ErrorDisplay.vue | 32 ++++++++++ zimui/src/components/TopicHome.vue | 4 +- zimui/src/pages/HomePage.vue | 16 +++-- zimui/src/stores/main.ts | 87 +++++++++++++++++++------- 5 files changed, 110 insertions(+), 29 deletions(-) create mode 100644 zimui/src/assets/Error.jpg create mode 100644 zimui/src/components/ErrorDisplay.vue diff --git a/zimui/src/assets/Error.jpg b/zimui/src/assets/Error.jpg new file mode 100644 index 0000000000000000000000000000000000000000..336f4f37cda1ac477b41407df3a59693124cf001 GIT binary patch literal 4165 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 STftgs=Zc8$!gep5&He}NDkfF{ literal 0 HcmV?d00001 diff --git a/zimui/src/components/ErrorDisplay.vue b/zimui/src/components/ErrorDisplay.vue new file mode 100644 index 0000000..57d8337 --- /dev/null +++ b/zimui/src/components/ErrorDisplay.vue @@ -0,0 +1,32 @@ + + + + + diff --git a/zimui/src/components/TopicHome.vue b/zimui/src/components/TopicHome.vue index f56504f..ab15844 100644 --- a/zimui/src/components/TopicHome.vue +++ b/zimui/src/components/TopicHome.vue @@ -37,7 +37,9 @@ const fetchData = async function () { if (resp) { topic.value = resp } - } finally { + } catch (error) { + main.setErrorMessage('An error occured, Please try again.') + }finally { loader.hide() dataLoaded.value = true } diff --git a/zimui/src/pages/HomePage.vue b/zimui/src/pages/HomePage.vue index 930eb74..d15db8f 100644 --- a/zimui/src/pages/HomePage.vue +++ b/zimui/src/pages/HomePage.vue @@ -19,17 +19,25 @@ watch(params, () => { // fetch channel data and set default topic if needed onMounted(async () => { - await main.fetchChannel() - if (topic.value === undefined && main.channelData != null) { - topic.value = main.channelData.rootSlug + try { + await main.fetchChannel() + if (topic.value === undefined && main.channelData != null) { + topic.value = main.channelData.rootSlug + } + } catch (error) { + main.setErrorMessage('An error occured, Please try again.') } }) import TopicHome from '../components/TopicHome.vue' +import ErrorDisplay from '@/components/ErrorDisplay.vue'