From a77d051b8d39eb608302456d01a4d2576dde5b52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Wed, 8 Mar 2023 16:44:18 +0800
Subject: [PATCH] =?UTF-8?q?enhance(view):=E8=B0=83=E6=95=B4=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E8=BD=AC=E6=8D=A2=E4=BD=8D=E7=BD=AE=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContinuationView.tsx | 3 +--
 src/components/FileTools.tsx        | 1 +
 src/states/files.ts                 | 5 +++--
 src/states/zoom.ts                  | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/ContinuationView.tsx b/src/components/ContinuationView.tsx
index 1cef3ef..158893d 100644
--- a/src/components/ContinuationView.tsx
+++ b/src/components/ContinuationView.tsx
@@ -1,6 +1,5 @@
 import { Box, Stack } from '@mantine/core';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { convertFileSrc } from '@tauri-apps/api/tauri';
 import { filter, isEmpty, length, map, pluck } from 'ramda';
 import { FC, useLayoutEffect, useMemo, useRef } from 'react';
 import { useFileListStore } from '../states/files';
@@ -50,7 +49,7 @@ export const ContinuationView: FC = () => {
             {items.map(row => (
               <img
                 key={files[row.index].filename}
-                src={convertFileSrc(files[row.index].path)}
+                src={files[row.index].path}
                 ref={virtualizer.measureElement}
                 data-index={row.index}
                 style={{ width: `${zoom}%` }}
diff --git a/src/components/FileTools.tsx b/src/components/FileTools.tsx
index 4879415..e60a559 100644
--- a/src/components/FileTools.tsx
+++ b/src/components/FileTools.tsx
@@ -15,6 +15,7 @@ export const FileToolbar: FC = () => {
         directory: true,
         multiple: false
       });
+      storeFiles([]);
       const files = await invoke('scan_directory', { target: directory });
       storeFiles(files);
     } catch (e) {
diff --git a/src/states/files.ts b/src/states/files.ts
index a355caa..715ecf3 100644
--- a/src/states/files.ts
+++ b/src/states/files.ts
@@ -1,4 +1,5 @@
-import { addIndex, map, mergeRight } from 'ramda';
+import { convertFileSrc } from '@tauri-apps/api/tauri';
+import { addIndex, map, mergeLeft } from 'ramda';
 import { FileItem } from '../models';
 import { SyncObjectCallback } from '../types';
 import { createStoreHook } from '../utils/store_creator';
@@ -23,7 +24,7 @@ export const useFileListStore = createStoreHook<FileListState & FileListActions>
   updateFiles(files) {
     set(df => {
       df.files = addIndex<Omit<FileItem, 'sort'>, FileItem>(map)(
-        (item, index) => mergeRight({ sort: index * 10 }, item),
+        (item, index) => mergeLeft({ sort: index * 10, path: convertFileSrc(item.path) }, item),
         files
       );
     });
diff --git a/src/states/zoom.ts b/src/states/zoom.ts
index 4add559..3062b9a 100644
--- a/src/states/zoom.ts
+++ b/src/states/zoom.ts
@@ -17,7 +17,7 @@ type ZoomActions = {
 const initialState: ZoomState = {
   lock: true,
   autoFit: false,
-  currentZoom: 100,
+  currentZoom: 80,
   viewMode: 'continuation',
   viewHeight: 0
 };