gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pull Request branch dev-clone to main #1

Merged
gitea merged 429 commits from dev-clone into main 2024-12-23 09:31:34 +00:00
Conversation 0 Commits 429 Files Changed 142 +9 -6
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 97b47415ee - Show all commits

15
apps/frontend/src/modules/assessmentManagement/fileUpload/fileUpload.tsx
View File

@ -1,6 +1,6 @@
import React, { useRef } from 'react'; import React, { useRef } from 'react';
import { TbUpload } from 'react-icons/tb'; import { TbUpload } from 'react-icons/tb';
import { Text, Stack, Group, CloseButton, Flex } from '@mantine/core'; import { Text, Stack, Group, Flex } from '@mantine/core';
import FileSizeValidationModal from "@/modules/assessmentManagement/modals/FileSizeValidationModal"; import FileSizeValidationModal from "@/modules/assessmentManagement/modals/FileSizeValidationModal";
interface Question { interface Question {
@ -41,7 +41,7 @@ const FileUpload: React.FC<FileUploadProps> = ({
const fileInputRef = useRef<HTMLInputElement>(null); const fileInputRef = useRef<HTMLInputElement>(null);
return ( return (
<div className="mx-11"> <div className="mx-11 sm:mx-8 md:mx-11">
{question.needFile && ( {question.needFile && (
<div <div
className={`pt-5 pb-5 pr-5 pl-5 border-2 rounded-lg border-dashed ${dragActive ? "bg-gray-100" : "bg-transparent"} shadow-lg`} className={`pt-5 pb-5 pr-5 pl-5 border-2 rounded-lg border-dashed ${dragActive ? "bg-gray-100" : "bg-transparent"} shadow-lg`}
@ -54,11 +54,14 @@ const FileUpload: React.FC<FileUploadProps> = ({
}} }}
> >
<Flex align="center" justify="space-between" gap="sm"> <Flex align="center" justify="space-between" gap="sm">
<TbUpload size={24} style={{ marginLeft: "8px", marginRight: "8px" }} /> {/* Upload Icon */}
<TbUpload size={24} className="text-gray-500 md:w-6 md:h-6" />
<div className="flex-grow text-right"> <div className="flex-grow text-right">
<Text className="font-bold">Klik untuk unggah atau geser file disini</Text> <Text className="font-bold text-xs sm:text-sm md:text-base">
<Text className="text-sm text-gray-400">PNG, JPG, PDF</Text> Klik untuk unggah atau geser file disini
<Text className="text-sm text-gray-400">(Max.File size : 64 MB)</Text> </Text>
<Text className="text-xs sm:text-sm text-gray-400">PNG, JPG, PDF</Text>
<Text className="text-xs sm:text-sm text-gray-400">(Max.File size : 64 MB)</Text>
</div> </div>
</Flex> </Flex>
<input <input