@campxdev/shared 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@campxdev/shared",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"main": "./exports.ts",
 	"scripts": {
 		"start": "react-scripts start",

package/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -2,7 +2,7 @@ import {ErrorBoundary as ReactErrorBoundary} from 'react-error-boundary'
 import {QueryErrorResetBoundary} from 'react-query'
 import ErrorFallback from './ErrorFallback'
 
-export default function PageErrorBoundary({children}) {
+export default function ErrorBoundary({children}) {
 	return (
 		<QueryErrorResetBoundary>
 			{({reset}) => (

package/src/components/ErrorBoundary/index.tsx

@@ -1 +1 @@
-export {default} from './ErrorFallback'
+export {default} from './ErrorBoundary'

package/src/components/Layout/Header/UserBox.tsx

@@ -25,6 +25,9 @@ export default function UserBox({
 								width: '32px',
 								objectFit: 'contain',
 							}}
+							onError={(e: any) => {
+								e.target.src = avatarImage
+							}}
 						/>
 						<Typography variant='h6'>{username}</Typography>
 					</StyledUser>

package/src/components/Spinner.tsx

@@ -1,18 +1,18 @@
-import { CircularProgress } from '@mui/material'
+import {CircularProgress} from '@mui/material'
 
-function Spinner() {
-  return (
-    <div
-      style={{
-        justifyContent: 'center',
-        alignItems: 'center',
-        height: '200px',
-        display: 'flex',
-      }}
-    >
-      <CircularProgress />
-    </div>
-  )
+function Spinner({height = '200px'}: {height?: string | number}) {
+	return (
+		<div
+			style={{
+				justifyContent: 'center',
+				alignItems: 'center',
+				height,
+				display: 'flex',
+			}}
+		>
+			<CircularProgress />
+		</div>
+	)
 }
 
 export default Spinner