rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: assignments activity page init

Browse source
This commit is contained in:
swve 2024-07-18 21:05:32 +02:00
parent 182cd73001
commit 29600d9b6c
12 changed files with 564 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

69
apps/web/components/Objects/Activities/Assignment/AssignmentBoxUI.tsx Normal file
View file

@ -0,0 +1,69 @@
import { BookUser, EllipsisVertical, FileUp, Forward, ListTodo, Save } from 'lucide-react'
import React from 'react'
type AssignmentBoxProps = {
type: 'quiz' | 'file'
view?: 'teacher' | 'student'
saveFC?: () => void
submitFC?: () => void
children: React.ReactNode
}
function AssignmentBoxUI({ type, view, saveFC, submitFC, children }: AssignmentBoxProps) {
return (
<div className='flex flex-col px-6 py-4 nice-shadow rounded-md bg-slate-100/30'>
<div className='flex justify-between space-x-2 pb-2 text-slate-400 items-center'>
<div className='flex space-x-1 items-center'>
<div className='text-lg font-semibold'>
{type === 'quiz' &&
<div className='flex space-x-1.5 items-center'>
<ListTodo size={17} />
<p>Quiz</p>
</div>}
{type === 'file' &&
<div className='flex space-x-1.5 items-center'>
<FileUp size={17} />
<p>File Submission</p>
</div>}
</div>
<div className='flex items-center space-x-1'>
<EllipsisVertical size={15} />
</div>
{view === 'teacher' &&
<div className='flex bg-amber-200/20 text-xs rounded-full space-x-1 px-2 py-0.5 mx-auto font-bold outline items-center text-amber-600 outline-1 outline-amber-300/40'>
<BookUser size={12} />
<p>Teacher view</p>
</div>
}
</div>
<div className='flex px-1 py-1 rounded-md items-center'>
{/* Save button */}
{view === 'teacher' &&
<div
onClick={() => saveFC && saveFC()}
className='flex px-2 py-1 cursor-pointer rounded-md space-x-2 items-center bg-gradient-to-bl text-slate-500 bg-white/60 hover:bg-white/80 linear transition-all nice-shadow '>
<Save size={14} />
<p className='text-xs font-semibold'>Save</p>
</div>
}
{view === 'student' &&
<div
onClick={() => submitFC && submitFC()}
className='flex px-2 py-1 cursor-pointer rounded-md space-x-2 items-center bg-gradient-to-bl text-slate-500 bg-white/60 hover:bg-white/80 linear transition-all nice-shadow '>
<Forward size={14} />
<p className='text-xs font-semibold'>Save</p>
</div>
}
</div>
</div>
{children}
</div>
)
}
export default AssignmentBoxUI