gsadmin/garage-ui
1
0
Fork 0
mirror of https://github.com/Noooste/garage-ui.git synced 2026-08-21 01:56:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add Docker support with Dockerfile, docker-compose.yml, and .dockerignore

Browse Source
This commit is contained in:
Noooste
2025-12-08 21:43:04 +01:00
parent 95afb303fd
commit f4eaca62e8
31 changed files with 1130 additions and 685 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/buckets/ObjectBrowserView.tsx
+18 -15
View File
@@ -1,14 +1,14 @@
import { useState } from 'react';
import { useDropzone } from 'react-dropzone';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Header } from '@/components/layout/header';
import { ObjectsTable } from './ObjectsTable';
import { CreateDirectoryDialog } from './CreateDirectoryDialog';
import { DeleteObjectDialog } from './DeleteObjectDialog';
import { ArrowLeft, ChevronRight, FolderPlus, Home, RotateCwIcon, Search, Trash, Upload } from 'lucide-react';
import { getBreadcrumbs } from '@/lib/file-utils';
import type { S3Object } from '@/types';
import {useState} from 'react';
import {useDropzone} from 'react-dropzone';
import {Button} from '@/components/ui/button';
import {Input} from '@/components/ui/input';
import {Header} from '@/components/layout/header';
import {ObjectsTable} from './ObjectsTable';
import {CreateDirectoryDialog} from './CreateDirectoryDialog';
import {DeleteObjectDialog} from './DeleteObjectDialog';
import {ArrowLeft, ChevronRight, FolderPlus, Home, RotateCwIcon, Search, Trash, Upload} from 'lucide-react';
import {getBreadcrumbs} from '@/lib/file-utils';
import type {S3Object} from '@/types';
interface ObjectBrowserViewProps {
bucketName: string;
@@ -66,14 +66,17 @@ export function ObjectBrowserView({
const [selectedFileKeys, setSelectedFileKeys] = useState<Set<string>>(new Set());
const { getRootProps, getInputProps, isDragActive } = useDropzone({
onDrop: async (acceptedFiles, fileRejections, event) => {
onDrop: async (acceptedFiles, _fileRejections, event) => {
// Get files with their full paths from DataTransferItems API
const filesWithPaths: File[] = [];
if (event.dataTransfer?.items) {
// Type cast event to DragEvent to access dataTransfer
const dragEvent = event as DragEvent;
if (dragEvent.dataTransfer?.items) {
// Use DataTransferItemList API to preserve folder structure
const items = Array.from(event.dataTransfer.items);
await Promise.all(items.map(async (item) => {
const items = Array.from(dragEvent.dataTransfer.items);
await Promise.all(items.map(async (item: DataTransferItem) => {
if (item.kind === 'file') {
const entry = item.webkitGetAsEntry?.();
if (entry) {