LaconicNetwork/stargaze-studio
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix merge conflicts

Browse Source
This commit is contained in:
Serkan Reis 2022-08-05 14:24:19 +03:00
parent 504b224811
commit 1eb3968678
1 changed files with 39 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
components/collections/creation/UploadDetails.tsx
View File

@ -409,53 +409,50 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
/> />
</div> </div>
<Conditional test={assetFilesArray.length > 0}> <Conditional test={assetFilesArray.length > 0}>
<div className="overflow-auto mt-2 mr-10 ml-20 w-4/5 h-96"> <div className="overflow-auto mt-2 mr-10 ml-20 w-4/5 h-96">
{assetFilesArray.map((assetSource, index) => ( {assetFilesArray.map((assetSource, index) => (
<button <button
key={assetSource.name} key={assetSource.name}
className="relative p-0 w-[100px] h-[100px] bg-transparent hover:bg-transparent border-0 btn modal-button" className="relative p-0 w-[100px] h-[100px] bg-transparent hover:bg-transparent border-0 btn modal-button"
onClick={() => { onClick={() => {
updateMetadataFileIndex(index) updateMetadataFileIndex(index)
}} }}
type="button" type="button"
>
<label
className="relative p-0 w-full h-full bg-transparent hover:bg-transparent border-0 btn modal-button"
htmlFor="my-modal-4"
> >
<label {getAssetType(assetSource.name) === 'audio' && (
className="relative p-0 w-full h-full bg-transparent hover:bg-transparent border-0 btn modal-button" <div className="flex absolute flex-col items-center mt-4 ml-2">
htmlFor="my-modal-4"
>
{getAssetType(assetSource.name) === 'audio' && (
<div className="flex absolute flex-col items-center mt-4 ml-2">
<img
key={`audio-${index}`}
alt="audio_icon"
className="mb-2 ml-1 w-6 h-6 thumbnail"
src="/audio.png"
/>
<span className="flex self-center ">{assetSource.name}</span>
</div>
)}
{getAssetType(assetSource.name) === 'video' &&
videoPreviewElements.filter(
(videoPreviewElement) => videoPreviewElement.key === assetSource.name,
)}
{getAssetType(assetSource.name) === 'image' && (
<img <img
key={`image-${index}`} key={`audio-${index}`}
alt="asset" alt="audio_icon"
className="px-1 my-1 thumbnail" className="mb-2 ml-1 w-6 h-6 thumbnail"
src={URL.createObjectURL(assetSource)} src="/audio.png"
/> />
<span className="flex self-center ">{assetSource.name}</span>
</div>
)}
{getAssetType(assetSource.name) === 'video' &&
videoPreviewElements.filter(
(videoPreviewElement) => videoPreviewElement.key === assetSource.name,
)} )}
</label>
</button>
))}
</div>
</Conditional>
</div>
</Conditional>
{getAssetType(assetSource.name) === 'image' && (
<img
key={`image-${index}`}
alt="asset"
className="px-1 my-1 thumbnail"
src={URL.createObjectURL(assetSource)}
/>
)}
</label>
</button>
))}
</div>
</Conditional>
</div> </div>
</div> </div>
</div> </div>