update render error

Author: totegamma

app/src/components/message/RenderError.tsx

@@ -1,8 +1,11 @@
 import { NotFoundError, ServerOfflineError } from '@concrnt/client'
 import { Text } from '@concrnt/ui'
 import { FallbackProps } from 'react-error-boundary'
+import { usePreference } from '../../contexts/Preference'
 
 export const RenderError = ({ error }: FallbackProps) => {
+    const [devmode] = usePreference('developerMode')
+
     if (error instanceof NotFoundError) {
         return (
             <div
@@ -43,6 +46,18 @@ export const RenderError = ({ error }: FallbackProps) => {
         )
     }
 
+    if (!devmode) {
+        return (
+            <div
+                style={{
+                    padding: '0 8px'
+                }}
+            >
+                <Text variant="caption">このメッセージは表示できません</Text>
+            </div>
+        )
+    }
+
     return (
         <div
             style={{

web/src/components/message/RenderError.tsx

@@ -1,8 +1,11 @@
 import { NotFoundError, ServerOfflineError } from '@concrnt/client'
 import { Text } from '@concrnt/ui'
 import { FallbackProps } from 'react-error-boundary'
+import { usePreference } from '../../contexts/Preference'
 
 export const RenderError = ({ error }: FallbackProps) => {
+    const [devmode] = usePreference('developerMode')
+
     if (error instanceof NotFoundError) {
         return (
             <div
@@ -44,6 +47,18 @@ export const RenderError = ({ error }: FallbackProps) => {
         )
     }
 
+    if (!devmode) {
+        return (
+            <div
+                style={{
+                    padding: '0 8px'
+                }}
+            >
+                <Text variant="caption">このメッセージは表示できません</Text>
+            </div>
+        )
+    }
+
     return (
         <div>
             {message}