Skip to content

Commit d9393c4

Browse files
committed
Fix: Add modal filter categories
1 parent 7df3925 commit d9393c4

File tree

8 files changed

+466
-47
lines changed

8 files changed

+466
-47
lines changed

src/components/pages/FileManagementPage.tsx

Lines changed: 252 additions & 46 deletions
Large diffs are not rendered by default.

src/locales/en/translation.json

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,14 @@
7373
"confirmDeleteMessage": "Are you sure you want to delete this file? This action cannot be undone.",
7474
"renameFile": "Rename File",
7575
"newFileName": "New file name",
76-
"sortBy": "Sort by"
76+
"sortBy": "Sort by",
77+
"categories": {
78+
"all": "All Files",
79+
"document": "Documents",
80+
"image": "Images",
81+
"audio": "Audio",
82+
"other": "Others"
83+
}
7784
},
7885
"selectModel": {
7986
"selectModel_title": "Select Model",

src/locales/es/translation.json

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,34 @@
5454
"japanese": "Japonés",
5555
"korean": "Coreano"
5656
},
57+
"fileManagement": {
58+
"title": "Gestión de Archivos",
59+
"noFiles": "Aún no hay archivos",
60+
"noFilesDescription": "Tus archivos subidos aparecerán aquí",
61+
"uploadButton": "Subir Archivo",
62+
"uploading": "Subiendo...",
63+
"fileName": "Nombre del Archivo",
64+
"fileType": "Tipo",
65+
"fileSize": "Tamaño",
66+
"actions": "Acciones",
67+
"rename": "Renombrar",
68+
"export": "Exportar",
69+
"delete": "Eliminar",
70+
"open": "Abrir",
71+
"search": "Buscar archivos...",
72+
"confirmDelete": "Eliminar Archivo",
73+
"confirmDeleteMessage": "¿Estás seguro de que deseas eliminar este archivo? Esta acción no se puede deshacer.",
74+
"renameFile": "Renombrar Archivo",
75+
"newFileName": "Nuevo nombre de archivo",
76+
"sortBy": "Ordenar por",
77+
"categories": {
78+
"all": "Todos los Archivos",
79+
"document": "Documentos",
80+
"image": "Imágenes",
81+
"audio": "Audio",
82+
"other": "Otros"
83+
}
84+
},
5785
"selectModel": {
5886
"selectModel_title": "Seleccionar Modelo",
5987
"selectModel_close": "Cerrar",

src/locales/ja/translation.json

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,34 @@
5454
"japanese": "日本語",
5555
"korean": "韓国語"
5656
},
57+
"fileManagement": {
58+
"title": "ファイル管理",
59+
"noFiles": "ファイルがありません",
60+
"noFilesDescription": "アップロードしたファイルがここに表示されます",
61+
"uploadButton": "ファイルをアップロード",
62+
"uploading": "アップロード中...",
63+
"fileName": "ファイル名",
64+
"fileType": "種類",
65+
"fileSize": "サイズ",
66+
"actions": "操作",
67+
"rename": "名前の変更",
68+
"export": "エクスポート",
69+
"delete": "削除",
70+
"open": "開く",
71+
"search": "ファイルを検索...",
72+
"confirmDelete": "ファイルの削除",
73+
"confirmDeleteMessage": "このファイルを削除してもよろしいですか?この操作は元に戻せません。",
74+
"renameFile": "ファイル名の変更",
75+
"newFileName": "新しいファイル名",
76+
"sortBy": "並び替え",
77+
"categories": {
78+
"all": "すべてのファイル",
79+
"document": "ドキュメント",
80+
"image": "画像",
81+
"audio": "音声",
82+
"other": "その他"
83+
}
84+
},
5785
"selectModel": {
5886
"selectModel_title": "モデルを選択",
5987
"selectModel_close": "閉じる",

src/locales/ko/translation.json

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,34 @@
5454
"japanese": "일본어",
5555
"korean": "한국어"
5656
},
57+
"fileManagement": {
58+
"title": "파일 관리",
59+
"noFiles": "파일 없음",
60+
"noFilesDescription": "업로드한 파일이 여기에 표시됩니다",
61+
"uploadButton": "파일 업로드",
62+
"uploading": "업로드 중...",
63+
"fileName": "파일 이름",
64+
"fileType": "유형",
65+
"fileSize": "크기",
66+
"actions": "동작",
67+
"rename": "이름 변경",
68+
"export": "내보내기",
69+
"delete": "삭제",
70+
"open": "열기",
71+
"search": "파일 검색...",
72+
"confirmDelete": "파일 삭제",
73+
"confirmDeleteMessage": "이 파일을 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.",
74+
"renameFile": "파일 이름 변경",
75+
"newFileName": "새 파일 이름",
76+
"sortBy": "정렬 기준",
77+
"categories": {
78+
"all": "모든 파일",
79+
"document": "문서",
80+
"image": "이미지",
81+
"audio": "오디오",
82+
"other": "기타"
83+
}
84+
},
5785
"selectModel": {
5886
"selectModel_title": "모델 선택",
5987
"selectModel_close": "닫기",

src/locales/zh-CN/translation.json

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,34 @@
5454
"japanese": "日语",
5555
"korean": "韩语"
5656
},
57+
"fileManagement": {
58+
"title": "文件管理",
59+
"noFiles": "暂无文件",
60+
"noFilesDescription": "您上传的文件将会显示在这里",
61+
"uploadButton": "上传文件",
62+
"uploading": "上传中...",
63+
"fileName": "文件名称",
64+
"fileType": "类型",
65+
"fileSize": "大小",
66+
"actions": "操作",
67+
"rename": "重命名",
68+
"export": "导出",
69+
"delete": "删除",
70+
"open": "打开",
71+
"search": "搜索文件...",
72+
"confirmDelete": "删除文件",
73+
"confirmDeleteMessage": "确定要删除此文件吗?此操作无法撤销。",
74+
"renameFile": "重命名文件",
75+
"newFileName": "新文件名",
76+
"sortBy": "排序方式",
77+
"categories": {
78+
"all": "所有文件",
79+
"document": "文档",
80+
"image": "图片",
81+
"audio": "音频",
82+
"other": "其他"
83+
}
84+
},
5785
"selectModel": {
5886
"selectModel_title": "选择模型",
5987
"selectModel_close": "关闭",

src/locales/zh-TW/translation.json

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,34 @@
5454
"japanese": "日文",
5555
"korean": "韓文"
5656
},
57+
"fileManagement": {
58+
"title": "檔案管理",
59+
"noFiles": "暫無檔案",
60+
"noFilesDescription": "您上傳的檔案將會顯示在這裡",
61+
"uploadButton": "上傳檔案",
62+
"uploading": "上傳中...",
63+
"fileName": "檔案名稱",
64+
"fileType": "類型",
65+
"fileSize": "大小",
66+
"actions": "操作",
67+
"rename": "重新命名",
68+
"export": "匯出",
69+
"delete": "刪除",
70+
"open": "開啟",
71+
"search": "搜尋檔案...",
72+
"confirmDelete": "刪除檔案",
73+
"confirmDeleteMessage": "確定要刪除此檔案嗎?此操作無法撤銷。",
74+
"renameFile": "重新命名檔案",
75+
"newFileName": "新檔案名稱",
76+
"sortBy": "排序方式",
77+
"categories": {
78+
"all": "所有檔案",
79+
"document": "文件",
80+
"image": "圖片",
81+
"audio": "音訊",
82+
"other": "其他"
83+
}
84+
},
5785
"selectModel": {
5886
"selectModel_title": "選擇模型",
5987
"selectModel_close": "關閉",

src/styles/tensorblock-light.css

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -637,4 +637,70 @@
637637
.image-generation-provider-selected {
638638
background-color: var(--primary-200);
639639
}
640+
641+
/* File Management Page */
642+
.file-filter-item {
643+
border-radius: 0.5rem;
644+
background-color: transparent;
645+
padding: 0.75rem 1rem;
646+
margin-bottom: 0.5rem;
647+
cursor: pointer;
648+
transition: all 0.2s;
649+
}
650+
651+
.file-filter-item:hover {
652+
background-color: var(--primary-50);
653+
}
654+
655+
.file-filter-item-active {
656+
background-color: var(--primary-100);
657+
color: var(--primary-700);
658+
}
659+
660+
.file-filter-item-active:hover {
661+
background-color: var(--primary-200);
662+
}
663+
664+
.file-filter-count {
665+
background-color: var(--primary-200);
666+
color: var(--primary-600);
667+
border-radius: 9999px;
668+
padding: 0.125rem 0.5rem;
669+
font-size: 0.75rem;
670+
}
671+
672+
.file-type-icon {
673+
display: flex;
674+
align-items: center;
675+
justify-content: center;
676+
width: 32px;
677+
height: 32px;
678+
border-radius: 0.375rem;
679+
margin-right: 0.75rem;
680+
}
681+
682+
.file-type-all {
683+
background-color: var(--primary-100);
684+
color: var(--primary-600);
685+
}
686+
687+
.file-type-document {
688+
background-color: #D1E7DD;
689+
color: #0F5132;
690+
}
691+
692+
.file-type-image {
693+
background-color: #CFE2FF;
694+
color: #084298;
695+
}
696+
697+
.file-type-audio {
698+
background-color: #F8D7DA;
699+
color: #842029;
700+
}
701+
702+
.file-type-other {
703+
background-color: #E2E3E5;
704+
color: #41464B;
705+
}
640706
}

0 commit comments

Comments
 (0)