Skip to content

fixed issue #90 #110

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ayush-may wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fixed issue #90 #110

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 21 additions & 18 deletions client/src/components/UploadPage/UploadPage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,15 +183,15 @@ const UploadPage = () => {
<>
<Navbar />
<div>
<div className="flex items-center justify-center">
<div className="mx-auto w-full max-w-[550px] bg-white">
<div className="grid w-full grid-col-[minmax(0,1000px)] lg:justify-center">
<div className=" w-full bg-white">
<form
className="py-6 px-9"
className="sm:py-6 sm:px-9 sm:p-4 px-5 pb-5 sm:mt-0 mt-5 gap-5 grid justify-center items-start lg:grid-cols-[repeat(3,minmax(300px,1fr))] grid-cols-1"
onSubmit={handleSubmit((data) => {
uploadNotes(data);
})}
>
<div className="mb-5">
<div className="order-1">
<label
htmlFor="title"
className="mb-3 block text-base font-small text-[#07074D]"
Expand Down Expand Up @@ -222,7 +222,7 @@ const UploadPage = () => {
)}
</div>

<div className="mb-5">
<div className="sm:w-full order-2">
<label
htmlFor="description"
className="mb-3 block text-base font-small text-[#07074D]"
Expand All @@ -234,7 +234,7 @@ const UploadPage = () => {
name="description"
id="description"
placeholder="Handwritten COA notes with all units complete"
rows={10}
rows={5}
className="w-full rounded-md border border-[#e0e0e0] bg-white py-3 px-6 text-base font-small text-[#6B7280] outline-none focus:border-[#6A64F1] focus:shadow-md"
{...register("description", {
required: "Description is required.",
Expand All @@ -254,7 +254,7 @@ const UploadPage = () => {
)}
</div>

<div className="mb-5">
<div className="order-3">
<label
htmlFor="subject"
className="mb-3 block text-base font-small text-[#07074D]"
Expand Down Expand Up @@ -288,33 +288,36 @@ const UploadPage = () => {
)}
</div>

<div className="mb-5 mt-10">
<div className="order-4">
<label
htmlFor="subject"
className="mb-1 block text-base text-[14px] text-red-500"
className="mb-3 block text-base text-[14px] text-black"
>
Didn't find the subject add your own
</label>
<div className="flex flex-col md:flex-row justify-center gap-5">
<div
className="w-full flex lg:flex-row
flex-col gap-3"
>
<input
type="text"
name="subject"
id="subject"
value={addSubject_}
onChange={(e) => setAddSubject_(e.target.value)}
placeholder="Add a subject..."
className="rounded-md border border-[#e0e0e0] bg-white py-3 px-6 text-base font-small text-[#6B7280] outline-none focus:border-[#6A64F1] focus:shadow-md"
className="rounded-md w-full border border-[#e0e0e0] bg-white py-3 text-base font-small text-[#6B7280] outline-none focus:border-[#6A64F1] focus:shadow-md"
></input>
<div
className="hover:shadow-form rounded-md cursor-pointer bg-[#6A64F1] py-3 px-8 text-center text-base font-semibold text-white outline-none"
className="hover:shadow-form w-auto rounded-md cursor-pointer bg-[#6A64F1] py-3 text-center text-base font-semibold text-white outline-none"
onClick={addSubject}
>
Add Subject
</div>
</div>
</div>

<div className="mb-5">
<div className="mb-5 order-5">
<label
htmlFor="course"
className="mb-3 block text-base font-small text-[#07074D]"
Expand Down Expand Up @@ -342,7 +345,7 @@ const UploadPage = () => {
)}
</div>

<div className="mb-5">
<div className="mb-5 order-6">
<label
htmlFor="year"
className="mb-3 block text-base font-small text-[#07074D]"
Expand All @@ -369,7 +372,7 @@ const UploadPage = () => {
)}
</div>

<div className="mb-6 pt-4 cursor-pointer">
<div className="mb-3 cursor-pointer order-7">
<label className="mb-5 block text-xl font-semibold text-[#07074D]">
Upload File
</label>
Expand Down Expand Up @@ -402,13 +405,13 @@ const UploadPage = () => {
</label>
</div>

{selectedFile && isFileSeleted ? (
{/* {selectedFile && isFileSeleted ? (
""
) : (
<p className="text-sm text-red-500 mt-1">
Please select a file to upload <br /> Allowed format - .pdf
</p>
)}
)} */}

{selectedFile.name && (
<div className="mb-5 rounded-md bg-[#F5F7FB] py-4 px-8">
Expand Down Expand Up @@ -470,7 +473,7 @@ const UploadPage = () => {
)}
</div>

<div>
<div className=" order-8">
<button className="hover:shadow-form w-full rounded-md bg-[#6A64F1] py-3 px-8 text-center text-base font-semibold text-white outline-none">
Upload Notes
</button>
Expand Down