[Fix] Improve error logs for license key validate and get auth (#1142)

* improve license key error logs

* improve auth error logging

* add capture to access code input

public/locales/en/translation.json

@@ -330,6 +330,7 @@
     "hyperplay": {
         "accesscodes": {
             "error": {
+                "licenseUndefined": "Could not validate access code. Please check your internet access or firewall settings.",
                 "validation": "Access code is invalid"
             },
             "requirescode": "This game update requires an access code.",

src/backend/auth.ts

@@ -2,6 +2,7 @@ import getPartitionCookies from './utils/get_partition_cookies'
 import { DEV_PORTAL_URL } from '../common/constants'
 import { LogPrefix } from './logger/logger'
 import { AuthSession } from '../common/types/auth'
+import { captureException } from '@sentry/electron'
 
 export async function getAuthSession() {
   const cookieString = await getPartitionCookies({
@@ -17,8 +18,14 @@ export async function getAuthSession() {
   })
 
   if (!response.ok) {
+    const responseError = await response.text()
+    captureException(responseError, {
+      tags: {
+        event: 'getAuthSession Error'
+      }
+    })
     throw new Error(
-      `${LogPrefix.Backend} Failed to get auth session: ${response.statusText}`
+      `${LogPrefix.Backend} Failed to get auth session. Status text: ${response.statusText}. Error message: ${responseError}`
     )
   }
 

src/frontend/components/UI/AccessCodeInput/index.tsx

@@ -2,6 +2,7 @@ import { TextInput, TextInputProps } from '@hyperplay/ui'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styles from './index.module.scss'
+import { captureException } from '@sentry/electron'
 
 export interface AccessCodeInputProps {
   licenseConfigId?: number
@@ -25,6 +26,18 @@ export function AccessCodeInput({
   useEffect(() => {
     async function validateAccessCode() {
       if (licenseConfigId === undefined) {
+        const errMsg =
+          'Could not validate access code input since license config id is undefined'
+        window.api.logError(errMsg)
+        setErrorText(
+          t(
+            'hyperplay.accesscodes.error.licenseUndefined',
+            'Could not validate access code. Please check your internet access or firewall settings.'
+          )
+        )
+        captureException(errMsg, {
+          tags: { event: 'validateAccessCode Error' }
+        })
         return
       }