#306

frontend/src/pages/materials/MaterialDetailPage.tsx

@@ -47,12 +47,15 @@ const MaterialDetailPage: FC<{ user: User | null }> = ({ user }) => {
       queryFn:  () => fetchMaterial (id ?? ''),
       enabled:  id != null,
   })
+  const materialTitle = material
+      ? material.tag?.name ?? `素材 #${ material.id }`
+      : ''
 
   useEffect (() => {
     if (!(material))
       return
 
-    setTag (material.tag.name)
+    setTag (material.tag?.name ?? '')
     setURL (material.url ?? '')
     setExportPath (material.exportPaths.legacyDrive ?? '')
     if (material.file && material.contentType)
@@ -124,7 +127,7 @@ const MaterialDetailPage: FC<{ user: User | null }> = ({ user }) => {
       <MainArea>
         {material && (
             <Helmet>
-              <title>{`${ material.tag.name } 素材照会 | ${ SITE_TITLE }`}</title>
+              <title>{`${ materialTitle } 素材照会 | ${ SITE_TITLE }`}</title>
             </Helmet>)}
 
         {isLoading ? 'Loading...' : isError ? (
@@ -138,10 +141,13 @@ const MaterialDetailPage: FC<{ user: User | null }> = ({ user }) => {
         ) : (
             <>
               <PageTitle>
-                <TagLink
-                    tag={material.tag}
-                    withWiki={false}
-                    withCount={false}/>
+                {material.tag
+                 ? (
+                    <TagLink
+                        tag={material.tag}
+                        withWiki={false}
+                        withCount={false}/>)
+                 : materialTitle}
               </PageTitle>
 
               {material.fileSuppressedAt && (
@@ -155,7 +161,7 @@ const MaterialDetailPage: FC<{ user: User | null }> = ({ user }) => {
 
               {(!material.fileSuppressedAt && material.file && material.contentType) && (
                   (/image\/.*/.test (material.contentType) && (
-                      <img src={material.file} alt={material.tag.name || undefined}/>))
+                      <img src={material.file} alt={material.tag?.name || undefined}/>))
                   || (/video\/.*/.test (material.contentType) && (
                       <video src={material.file} controls/>))
                   || (/audio\/.*/.test (material.contentType) && (
@@ -163,9 +169,15 @@ const MaterialDetailPage: FC<{ user: User | null }> = ({ user }) => {
 
               <TabGroup>
                 <Tab name="Wiki">
-                  <WikiBody
-                      title={material.tag.name}
-                      body={material.wikiPageBody ?? undefined}/>
+                  {material.tag
+                   ? (
+                      <WikiBody
+                          title={material.tag.name}
+                          body={material.wikiPageBody ?? undefined}/>)
+                   : (
+                      <p className="text-stone-700 dark:text-stone-300">
+                        タグ未設定の素材です．
+                      </p>)}
                 </Tab>
 
                 <Tab name="編輯">