import React,{useState} from 'react'; import { Card, Col, Container, Form, Row } from 'react-bootstrap'; import BreadCrumb from '../../../Components/Common/BreadCrumb'; //Import Flatepicker import Flatpickr from "react-flatpickr"; import Select from "react-select"; import { CKEditor } from "@ckeditor/ckeditor5-react"; import ClassicEditor from "@ckeditor/ckeditor5-build-classic"; import Dropzone from "react-dropzone"; //Import Images import avatar3 from "../../../../images/users/avatar-3.jpg"; import avatar4 from "../../../../images/users/avatar-4.jpg"; import { Head, Link } from '@inertiajs/react'; import Layout from '../../../Layouts'; const CreateProject = () => { const SingleOptions = [ { value: 'Watches', label: 'Watches' }, { value: 'Headset', label: 'Headset' }, { value: 'Sweatshirt', label: 'Sweatshirt' }, { value: '20% off', label: '20% off' }, { value: '4 star', label: '4 star' }, ]; const [selectedMulti, setselectedMulti] = useState(null); const handleMulti = (selectedMulti:any) => { setselectedMulti(selectedMulti); } //Dropzone file upload const [selectedFiles, setselectedFiles] = useState([]); const handleAcceptedFiles = (files:any) => { files.map((file:any) => Object.assign(file, { preview: URL.createObjectURL(file), formattedSize: formatBytes(file.size), }) ); setselectedFiles(files); } /** * Formats the size */ const formatBytes = (bytes:any, decimals = 2) => { if (bytes === 0) return "0 Bytes"; const k = 1024; const dm = decimals < 0 ? 0 : decimals; const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i]; } return (
Project Title
Thumbnail Image
Project Description { // You can store the "editor" and use when it is needed. }} // onChange={(editor) => { // editor.getData(); // }} />
Priority
Status
Deadline
Attached files

Add Attached files here.

{ handleAcceptedFiles(acceptedFiles); }} > {({ getRootProps, getInputProps }) => (

Drop files here or click to upload.

)}
    {selectedFiles.map((f:any, i:any) => { return (
    {f.name} {f.name}

    {f.formattedSize}

    ); })}
Privacy
Status
Tags
Categories
Skills
Team Members
S
+
); }; CreateProject.layout = (page:any) => export default CreateProject;