#306

frontend/src/pages/materials/MaterialListPage.tsx

@@ -9,7 +9,7 @@ import PageTitle from '@/components/common/PageTitle'
 import SectionTitle from '@/components/common/SectionTitle'
 import SubsectionTitle from '@/components/common/SubsectionTitle'
 import MainArea from '@/components/layout/MainArea'
-import { SITE_TITLE } from '@/config'
+import { API_BASE_URL, SITE_TITLE } from '@/config'
 import { apiGet } from '@/lib/api'
 
 import type { FC } from 'react'
@@ -30,10 +30,15 @@ const MaterialCard = ({ tag }: { tag: TagWithMaterial }) => {
 	  to={`/materials/${ tag.material.id }`}
 	  className="block w-40 h-40">
 	<div
-	    className="w-full h-full overflow-hidden rounded-xl shadow
-		       text-center content-center text-4xl"
+	    className={`w-full h-full overflow-hidden rounded-xl shadow
+			text-center content-center text-4xl ${
+			tag.material.fileSuppressedAt
+			? 'border-2 border-red-300 bg-red-50 text-base text-red-700'
+			: '' }`}
 	    style={{ fontFamily: 'Nikumaru' }}>
-	  {(tag.material.contentType && /image\/.*/.test (tag.material.contentType))
+	  {tag.material.fileSuppressedAt
+	   ? <span>抑止済み</span>
+	   : (tag.material.contentType && /image\/.*/.test (tag.material.contentType))
 	   ? <img src={tag.material.file || undefined}/>
 	   : <span>照会</span>}
 	</div>
@@ -108,7 +113,7 @@ const MaterialListPage: FC = () => {
 
 		  <MaterialCard tag={tag}/>
 
-		  <div className="ml-2">
+		  <div className="ml-2 overflow-x-auto pb-2">
 		    {tag.children.map (c2 => (
 			<Fragment key={c2.id}>
 			  <SectionTitle>
@@ -159,7 +164,11 @@ const MaterialListPage: FC = () => {
 		  <p>もしくは……</p>
 		  <ul>
 		    <li><PrefetchLink to="/materials/new">素材を新規追加する</PrefetchLink></li>
-		    {/* <li><a href="#">すべての素材をダウンロードする</a></li> */}
+		    <li>
+		      <a href={`${ API_BASE_URL }/materials/download.zip?profile=legacy_drive`}>
+			すべての素材をダウンロードする
+		      </a>
+		    </li>
 		  </ul>
 		</>))}
       </MainArea>)