fix: support gltf uploads with local preview
This commit is contained in:
@@ -4,13 +4,14 @@ import { useEffect, useState } from 'react'
|
||||
|
||||
interface ModelViewerProps {
|
||||
url: string
|
||||
assetUrls: Record<string, string>
|
||||
filename: string
|
||||
size: string
|
||||
}
|
||||
|
||||
export default function ModelViewer({ url, filename, size }: ModelViewerProps) {
|
||||
const canPreview = filename.toLowerCase().endsWith('.glb')
|
||||
const [Scene, setScene] = useState<React.ComponentType<{ url: string }> | null>(null)
|
||||
export default function ModelViewer({ url, assetUrls, filename, size }: ModelViewerProps) {
|
||||
const canPreview = filename.toLowerCase().endsWith('.gltf')
|
||||
const [Scene, setScene] = useState<React.ComponentType<{ url: string; assetUrls: Record<string, string> }> | null>(null)
|
||||
|
||||
useEffect(() => {
|
||||
if (!canPreview) return
|
||||
@@ -28,7 +29,7 @@ export default function ModelViewer({ url, filename, size }: ModelViewerProps) {
|
||||
return (
|
||||
<div className="w-full h-[450px] bg-black-800 border border-white/20 rounded-xl overflow-hidden flex items-center justify-center">
|
||||
<p className="text-sm text-gray-400 px-6 text-center">
|
||||
La preview 3D locale est disponible uniquement pour les fichiers <span className="font-mono">.glb</span>.
|
||||
La preview 3D locale n'est pas disponible pour les dossiers <span className="font-mono">model.gltf</span> avec fichiers associes.
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
@@ -52,7 +53,7 @@ export default function ModelViewer({ url, filename, size }: ModelViewerProps) {
|
||||
{size}
|
||||
</span>
|
||||
</div>
|
||||
<Scene url={url} />
|
||||
<Scene url={url} assetUrls={assetUrls} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user