fix(preview): added preview width

src/features/MatchCard/CardFrontside/hooks.tsx

@@ -4,20 +4,20 @@ import {
   useState,
 } from 'react'
 
-import { readToken } from 'helpers'
-
 export type TUseCardFrontside = {
   preview?: string,
   previewURL?: string,
 }
 
+const PREVIEW_WIDTH = 400 // макс. 1920
+
 export const useCardPreview = ({
   preview,
   previewURL,
 }: TUseCardFrontside) => {
   const [previewImage, setPreviewImage] = useState('')
   const currentPreviewURL = useMemo(() => (
-    previewURL ? `${previewURL}?access_token=${readToken()}` : preview
+    previewURL ? `${previewURL}?width=${PREVIEW_WIDTH}` : preview
   ), [preview, previewURL])
 
   useEffect(() => {
@@ -25,12 +25,11 @@ export const useCardPreview = ({
       if (!currentPreviewURL) return
 
       try {
-        const image = await fetch(String(currentPreviewURL), {
+        const image = await fetch(String(currentPreviewURL))
-          headers: { Authorization: `Bearer ${readToken()}` },
+          .then(async (result) => ({
-        }).then(async (result) => ({
+            blob: await result.blob(),
-          blob: await result.blob(),
+            status: result.status,
-          status: result.status,
+          }))
-        }))
 
         if (image.status === 200) {
           setPreviewImage(URL.createObjectURL(image.blob))