(null);
+
+ useEffect(() => {
+ if (video.current) {
+ paused ? video.current.pause() : video.current.play();
+ }
+ }, [paused]);
+
+ return (
+
+ );
+});
diff --git a/interface/app/$libraryId/Explorer/Inspector/index.tsx b/interface/app/$libraryId/Explorer/Inspector/index.tsx
index b380b298a7d0..eef1183f5750 100644
--- a/interface/app/$libraryId/Explorer/Inspector/index.tsx
+++ b/interface/app/$libraryId/Explorer/Inspector/index.tsx
@@ -2,7 +2,17 @@
import { Image, Image_Light } from '@sd/assets/icons';
import clsx from 'clsx';
import dayjs from 'dayjs';
-import { Barcode, CircleWavyCheck, Clock, Cube, Hash, Link, Lock, Path, Snowflake } from 'phosphor-react';
+import {
+ Barcode,
+ CircleWavyCheck,
+ Clock,
+ Cube,
+ Hash,
+ Link,
+ Lock,
+ Path,
+ Snowflake
+} from 'phosphor-react';
import { HTMLAttributes, useEffect, useState } from 'react';
import {
ExplorerItem,
@@ -19,6 +29,7 @@ import { Button, Divider, DropdownMenu, Tooltip, tw } from '@sd/ui';
import { useIsDark } from '~/hooks';
import AssignTagMenuItems from '../ContextMenu/Object/AssignTagMenuItems';
import FileThumb from '../FilePath/Thumb';
+import { useExplorerStore } from '../store.js';
import FavoriteButton from './FavoriteButton';
import Note from './Note';
@@ -46,6 +57,7 @@ export const Inspector = ({ data, context, showThumbnail = true, ...props }: Pro
const isDark = useIsDark();
const objectData = data ? getItemObject(data) : null;
const filePathData = data ? getItemFilePath(data) : null;
+ const explorerStore = useExplorerStore();
const isDir = data?.type === 'Path' ? data.item.is_dir : false;
@@ -80,7 +92,13 @@ export const Inspector = ({ data, context, showThumbnail = true, ...props }: Pro
<>
{showThumbnail && (
-
+
)}
@@ -203,9 +221,7 @@ export const Inspector = ({ data, context, showThumbnail = true, ...props }: Pro
Path
-
- {fileFullPath}
-
+ {fileFullPath}
)}
diff --git a/packages/config/vite/relativeAliasResolver.ts b/packages/config/vite/relativeAliasResolver.ts
index 8ec85e96e08c..2949bfcbd6ec 100644
--- a/packages/config/vite/relativeAliasResolver.ts
+++ b/packages/config/vite/relativeAliasResolver.ts
@@ -2,6 +2,7 @@ import fs from 'fs/promises';
import path from 'path';
import { Alias } from 'vite';
+const projectPath = path.resolve(__dirname, '../../../');
const pkgJsonCache = new Map();
const resolver: Alias = {
@@ -12,10 +13,12 @@ const resolver: Alias = {
const [_, sourcePath] = source.split('~/');
- if (importer!.includes('/src/')) {
- const [pkg] = importer!.split('/src/');
+ const relativeImporter = importer!.replace(projectPath, '');
- root = `${pkg!}/src`;
+ if (relativeImporter.includes('/src/')) {
+ const [pkg] = relativeImporter.split('/src/');
+
+ root = `${projectPath}${pkg}/src`;
} else {
let parent = importer!;