fix: types

Author: flavioislima

src/backend/wiki_game_info/gamesdb/utils.ts

@@ -14,6 +14,7 @@ export async function getInfoFromGamesDB(
     legendary: 'epic',
     gog: 'gog',
     hyperplay: 'hyperplay',
+    steam: 'steam',
     sideload: undefined
   }
   const storeName = storeMap[runner]

src/frontend/components/UI/DialogHandler/components/MessageBoxModal/index.tsx

@@ -1,5 +1,5 @@
 import './index.css'
-import React from 'react'
+import React, { ReactElement } from 'react'
 import {
   Dialog,
   DialogContent,
@@ -13,7 +13,7 @@ import { Button } from '@hyperplay/ui'
 
 interface MessageBoxModalProps {
   title: string
-  message: string
+  message: string | ReactElement
   onClose: () => void
   buttons: Array<ButtonOptions>
   type: DialogType
@@ -55,9 +55,11 @@ const MessageBoxModal: React.FC<MessageBoxModalProps> = function (props) {
               {t('error', 'Error')}:
             </div>
             <div className="errorDialog error-box">
-              {props.message.split('\n').map((line, key) => {
-                return <p key={key}>{line}</p>
-              })}
+              {typeof props.message === 'string'
+                ? props.message.split('\n').map((line, key) => {
+                    return <p key={key}>{line}</p>
+                  })
+                : props.message}
             </div>
           </>
         )

src/frontend/types.ts

@@ -10,6 +10,7 @@ import {
   MetricsOptInStatus,
   DownloadManagerState
 } from 'common/types'
+import { ReactElement } from 'react'
 
 export type Category =
   | 'all'
@@ -75,7 +76,7 @@ export interface ContextType {
 export type DialogModalOptions = {
   showDialog?: boolean
   title?: string
-  message?: string | React.ReactNode
+  message?: string | ReactElement
   buttons?: Array<ButtonOptions>
   type?: DialogType
   onClose?: () => void