refactor(sharing): avoid nested template literals

This improves readability. I also rename a variable to avoid duplicate
between global scope and useEffect scope.

1 files changed, 2 insertions, 1 deletions

diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
index 8e6de7a..3ce6098 100644
--- a/src/pages/contact.tsx
+++ b/src/pages/contact.tsx
@@ -42,7 +42,8 @@ const ContactPage: NextPageWithLayout = () => {
       );
       resetForm();
     } else {
-      const error = `${t`An error occurred:`} ${mail.message}`;
+      const errorPrefix = t`An error occurred:`;
+      const error = `${errorPrefix} ${mail.message}`;
       setStatus(error);
     }
   };