From 10b46bdd49122c21bf55de626afb557a70e842d5 Mon Sep 17 00:00:00 2001
From: Bill2015 <Bill317016@gmail.com>
Date: Mon, 26 Feb 2024 00:42:44 +0800
Subject: [PATCH] Fix: add unsupported icon for resource can't that generate
 the thumbnail

Related Issues:
   - #25
---
 src/api/resource/Dto.ts                       |   2 ++
 src/assets/icons/not-supported-icon.png       | Bin 0 -> 18811 bytes
 .../display/ResourceThumbnailDisplayer.tsx    |  21 -------------
 src/components/display/index.ts               |   3 +-
 .../thumbnail/LocalFileThumbnailDisplayer.tsx |  25 +++++++++++++++
 .../thumbnail/ResourceThumbnailDisplayer.tsx  |  29 ++++++++++++++++++
 .../thumbnail/file/LocalImageThumbnail.tsx    |   9 ++++++
 .../file/LocalUnsupportThumbnail.tsx          |  13 ++++++++
 .../display/thumbnail/file/index.ts           |   2 ++
 .../display/thumbnail/file/types.ts           |   5 +++
 src/components/display/thumbnail/index.ts     |   3 ++
 .../{ => thumbnail/url}/YoutubeThunbnail.tsx  |   5 ++-
 src/components/display/thumbnail/url/index.ts |   1 +
 .../category-list/components/CategoryCard.tsx |   1 +
 .../resource-list/components/ResourceCard.tsx |   7 ++++-
 15 files changed, 99 insertions(+), 27 deletions(-)
 create mode 100644 src/assets/icons/not-supported-icon.png
 delete mode 100644 src/components/display/ResourceThumbnailDisplayer.tsx
 create mode 100644 src/components/display/thumbnail/LocalFileThumbnailDisplayer.tsx
 create mode 100644 src/components/display/thumbnail/ResourceThumbnailDisplayer.tsx
 create mode 100644 src/components/display/thumbnail/file/LocalImageThumbnail.tsx
 create mode 100644 src/components/display/thumbnail/file/LocalUnsupportThumbnail.tsx
 create mode 100644 src/components/display/thumbnail/file/index.ts
 create mode 100644 src/components/display/thumbnail/file/types.ts
 create mode 100644 src/components/display/thumbnail/index.ts
 rename src/components/display/{ => thumbnail/url}/YoutubeThunbnail.tsx (97%)
 create mode 100644 src/components/display/thumbnail/url/index.ts

diff --git a/src/api/resource/Dto.ts b/src/api/resource/Dto.ts
index 7faaa799..5fb698bb 100644
--- a/src/api/resource/Dto.ts
+++ b/src/api/resource/Dto.ts
@@ -14,6 +14,8 @@ export interface ResourceFileDto {
     path: string,
 
     ext: string,
+
+    media_type: string,
 }
 
 export interface ResourceResDto {
diff --git a/src/assets/icons/not-supported-icon.png b/src/assets/icons/not-supported-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b56f12ab8f8c64af0437759906a66e8e6ffb63e1
GIT binary patch
literal 18811
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

literal 0
HcmV?d00001

diff --git a/src/components/display/ResourceThumbnailDisplayer.tsx b/src/components/display/ResourceThumbnailDisplayer.tsx
deleted file mode 100644
index 3e7cdbe4..00000000
--- a/src/components/display/ResourceThumbnailDisplayer.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading */
-import { convertFileSrc } from '@tauri-apps/api/tauri';
-
-import { YoutubeThumbnail } from './YoutubeThunbnail';
-import { ResponsiveImage, ResponsiveImageProps } from './ResponsiveImage';
-
-interface ResourceThumbnailDisplayerProps extends ResponsiveImageProps {
-    url?: string | undefined | null;
-
-    filePath?: string | undefined | null;
-}
-
-export function ResourceThumbnailDisplayer(props: ResourceThumbnailDisplayerProps) {
-    const { url, filePath, ...imgProps } = props;
-
-    return (
-        url
-            ? <YoutubeThumbnail url={url!} {...imgProps} />
-            : <ResponsiveImage src={convertFileSrc(filePath!)} {...imgProps} />
-    );
-}
diff --git a/src/components/display/index.ts b/src/components/display/index.ts
index f7922b87..98742cc6 100644
--- a/src/components/display/index.ts
+++ b/src/components/display/index.ts
@@ -1,8 +1,7 @@
 export * from './icons';
+export * from './thumbnail';
 export * from './ResponsiveImage';
-export * from './YoutubeThunbnail';
 export * from './EditableText';
-export * from './ResourceThumbnailDisplayer';
 export * from './DateTimeDisplayer';
 export * from './TagTypography';
 export * from './SubTitle';
diff --git a/src/components/display/thumbnail/LocalFileThumbnailDisplayer.tsx b/src/components/display/thumbnail/LocalFileThumbnailDisplayer.tsx
new file mode 100644
index 00000000..9f6e11e8
--- /dev/null
+++ b/src/components/display/thumbnail/LocalFileThumbnailDisplayer.tsx
@@ -0,0 +1,25 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import { LocalImageThumbnail, LocalUnsupportThumbnail } from './file';
+import { LocalThumbnailProps } from './file/types';
+
+const LOCAL_MEDIA_TYPE = new Map<string, typeof LocalImageThumbnail>();
+
+LOCAL_MEDIA_TYPE.set('image/jpeg', LocalImageThumbnail);
+LOCAL_MEDIA_TYPE.set('image/png', LocalImageThumbnail);
+LOCAL_MEDIA_TYPE.set('image/gif', LocalImageThumbnail);
+
+interface LocalFileThumbnailDisplayerProps extends LocalThumbnailProps {
+    mediaType: string;
+}
+
+export function LocalFileThumbnailDisplayer(props: LocalFileThumbnailDisplayerProps) {
+    const { filePath, mediaType, ...imgProps } = props;
+
+    if (LOCAL_MEDIA_TYPE.has(mediaType) === false) {
+        return <LocalUnsupportThumbnail mediaType={mediaType} {...imgProps} />;
+    }
+
+    const Thumbnail = LOCAL_MEDIA_TYPE.get(mediaType)!;
+
+    return <Thumbnail filePath={filePath} {...imgProps} />;
+}
diff --git a/src/components/display/thumbnail/ResourceThumbnailDisplayer.tsx b/src/components/display/thumbnail/ResourceThumbnailDisplayer.tsx
new file mode 100644
index 00000000..11f30757
--- /dev/null
+++ b/src/components/display/thumbnail/ResourceThumbnailDisplayer.tsx
@@ -0,0 +1,29 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import { ResponsiveImageProps } from '@components/display';
+
+import { YoutubeThumbnail } from './url';
+import { LocalFileThumbnailDisplayer } from './LocalFileThumbnailDisplayer';
+
+export interface ResourceThumbnailDisplayerProps extends ResponsiveImageProps {
+    url?: string | undefined | null;
+
+    filePath?: string | undefined | null;
+
+    mediaType?: string;
+}
+
+export function ResourceThumbnailDisplayer(props: ResourceThumbnailDisplayerProps) {
+    const { url, filePath, mediaType, ...imgProps } = props;
+
+    return (
+        url
+            ? <YoutubeThumbnail url={url!} {...imgProps} />
+            : (
+                <LocalFileThumbnailDisplayer
+                    mediaType={mediaType!}
+                    filePath={filePath!}
+                    {...imgProps}
+                />
+            )
+    );
+}
diff --git a/src/components/display/thumbnail/file/LocalImageThumbnail.tsx b/src/components/display/thumbnail/file/LocalImageThumbnail.tsx
new file mode 100644
index 00000000..b3b1d6de
--- /dev/null
+++ b/src/components/display/thumbnail/file/LocalImageThumbnail.tsx
@@ -0,0 +1,9 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import { convertFileSrc } from '@tauri-apps/api/tauri';
+import { ResponsiveImage } from '@components/display';
+import { LocalThumbnailProps } from './types';
+
+export function LocalImageThumbnail(props: LocalThumbnailProps) {
+    const { filePath, ...imgProps } = props;
+    return <ResponsiveImage src={convertFileSrc(filePath)} {...imgProps} />;
+}
diff --git a/src/components/display/thumbnail/file/LocalUnsupportThumbnail.tsx b/src/components/display/thumbnail/file/LocalUnsupportThumbnail.tsx
new file mode 100644
index 00000000..d8e96b6d
--- /dev/null
+++ b/src/components/display/thumbnail/file/LocalUnsupportThumbnail.tsx
@@ -0,0 +1,13 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import { ResponsiveImage, ResponsiveImageProps } from '@components/display/ResponsiveImage';
+import UnsupportImage from '@assets/icons/not-supported-icon.png';
+
+export interface LocalUnsupportThumbnailProps extends Omit<ResponsiveImageProps, 'src' | 'ref'> {
+    mediaType: string;
+}
+
+export function LocalUnsupportThumbnail(props: LocalUnsupportThumbnailProps) {
+    const { mediaType, ...imgProps } = props;
+
+    return (<ResponsiveImage src={UnsupportImage} {...imgProps} alt={mediaType} />);
+}
diff --git a/src/components/display/thumbnail/file/index.ts b/src/components/display/thumbnail/file/index.ts
new file mode 100644
index 00000000..aadbac03
--- /dev/null
+++ b/src/components/display/thumbnail/file/index.ts
@@ -0,0 +1,2 @@
+export * from './LocalUnsupportThumbnail';
+export * from './LocalImageThumbnail';
diff --git a/src/components/display/thumbnail/file/types.ts b/src/components/display/thumbnail/file/types.ts
new file mode 100644
index 00000000..b2369ec5
--- /dev/null
+++ b/src/components/display/thumbnail/file/types.ts
@@ -0,0 +1,5 @@
+import { ResponsiveImageProps } from '@components/display/ResponsiveImage';
+
+export interface LocalThumbnailProps extends Omit<ResponsiveImageProps, 'src' | 'ref'> {
+    filePath: string;
+}
diff --git a/src/components/display/thumbnail/index.ts b/src/components/display/thumbnail/index.ts
new file mode 100644
index 00000000..7c856b8b
--- /dev/null
+++ b/src/components/display/thumbnail/index.ts
@@ -0,0 +1,3 @@
+export * from './file';
+export * from './url';
+export * from './ResourceThumbnailDisplayer';
diff --git a/src/components/display/YoutubeThunbnail.tsx b/src/components/display/thumbnail/url/YoutubeThunbnail.tsx
similarity index 97%
rename from src/components/display/YoutubeThunbnail.tsx
rename to src/components/display/thumbnail/url/YoutubeThunbnail.tsx
index 4f54ba37..0c4b213d 100644
--- a/src/components/display/YoutubeThunbnail.tsx
+++ b/src/components/display/thumbnail/url/YoutubeThunbnail.tsx
@@ -1,11 +1,10 @@
 /* eslint-disable react/jsx-props-no-spreading */
+import { useMemo, useRef, useState } from 'react';
 import { CiImageOff } from 'react-icons/ci';
 import { Center, Image } from '@mantine/core';
 import { getYoutubeVideoId } from '@utils/urlParser';
 import { useBackGroundImage } from '@hooks/ui-hooks';
-
-import { useMemo, useRef, useState } from 'react';
-import { ResponsiveImageProps } from './ResponsiveImage';
+import { ResponsiveImageProps } from '@components/display';
 
 export interface YoutubeThumbnailProps extends Omit<ResponsiveImageProps, 'src' | 'ref'> {
     url: string;
diff --git a/src/components/display/thumbnail/url/index.ts b/src/components/display/thumbnail/url/index.ts
new file mode 100644
index 00000000..2c4edaf0
--- /dev/null
+++ b/src/components/display/thumbnail/url/index.ts
@@ -0,0 +1 @@
+export * from './YoutubeThunbnail';
diff --git a/src/pages/category-list/components/CategoryCard.tsx b/src/pages/category-list/components/CategoryCard.tsx
index 8d713859..7b3b057e 100644
--- a/src/pages/category-list/components/CategoryCard.tsx
+++ b/src/pages/category-list/components/CategoryCard.tsx
@@ -55,6 +55,7 @@ export function CategoryCard(props: CategoryCardProps) {
                                 key={data.id}
                                 url={data.url?.full}
                                 filePath={`${data.root_path}${data.file?.path}`}
+                                mediaType={data.file?.media_type}
                                 alt={data.name}
                                 useBackgoundImg
                             />
diff --git a/src/pages/resource-list/components/ResourceCard.tsx b/src/pages/resource-list/components/ResourceCard.tsx
index 2c0c297b..f0457986 100644
--- a/src/pages/resource-list/components/ResourceCard.tsx
+++ b/src/pages/resource-list/components/ResourceCard.tsx
@@ -49,7 +49,12 @@ export function ResourceCard(props: ResourceCardProps) {
                             </>
                         )}
                         <UnstyledButton>
-                            <ResourceThumbnailDisplayer url={data.url?.full} filePath={`${data.root_path}${data.file?.path}`} alt={data.name} />
+                            <ResourceThumbnailDisplayer
+                                url={data.url?.full}
+                                filePath={`${data.root_path}${data.file?.path}`}
+                                alt={data.name}
+                                mediaType={data.file?.media_type}
+                            />
                         </UnstyledButton>
                     </Box>
                 </Card.Section>