feat: proper err message for regex

qin-guan · Jul 16, 2023 · 7cb78f9 · 7cb78f9
1 parent a144027
commit 7cb78f9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
@@ -5,6 +5,7 @@ import Textarea from 'primevue/textarea'
 import Card from 'primevue/card'
 import { useToast } from 'primevue/usetoast'
 
+import { TRPCClientError } from '@trpc/client'
 import type { SurveyResponseSchema } from '~/shared/survey'
 
 definePageMeta({
@@ -84,6 +85,12 @@ async function submit() {
  }
  catch (err) {
  console.error(err)
+ if (err instanceof TRPCClientError) {
+ toast.add({
+ severity: 'error',
+ summary: err.message,
+ })
+ }
  }
  finally {
  pending.value = false

diff --git a/pages/thanks.vue b/pages/thanks.vue
@@ -7,6 +7,7 @@ import Button from 'primevue/button'
 import InputText from 'primevue/inputtext'
 import ProgressBar from 'primevue/progressbar'
 import { useToast } from 'primevue/usetoast'
+import { TRPCClientError } from '@trpc/client'
 
 definePageMeta({
  middleware: ['participant'],
@@ -85,6 +86,14 @@ async function create() {
  }
  catch (err) {
  console.error(err)
+ if (err instanceof TRPCClientError) {
+ if (err.data.code === 'BAD_REQUEST') {
+ toast.add({
+ severity: 'error',
+ summary: 'Please enter a valid NRIC or phone number!',
+ })
+ }
+ }
  }
  finally {
  formData.pending = false