function MainComponent() { const [userType, setUserType] = useState("teacher"); const [grades, setGrades] = useState([ { student: "Ahmet Yılmaz", course: "Matematik", grade: 85 }, { student: "Ayşe Demir", course: "Fizik", grade: 90 }, { student: "Mehmet Kaya", course: "Kimya", grade: 78 } ]); const [newGrade, setNewGrade] = useState({ student: "", course: "", grade: "" }); const handleSubmit = (e)=>{ e.preventDefault(); setGrades([ ...grades, newGrade ]); setNewGrade({ student: "", course: "", grade: "" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-8", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex justify-between items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-poppins text-gray-800", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Not Sistemi"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUserType("teacher"), className: `px-4 py-2 rounded ${userType === "teacher" ? "bg-blue-600 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Öğretmen"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUserType("student"), className: `px-4 py-2 rounded ${userType === "student" ? "bg-blue-600 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Öğrenci"))), userType === "teacher" && /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white p-6 rounded-lg shadow-md mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "student", placeholder: "Öğrenci Adı", className: "border p-2 rounded", value: newGrade.student, onChange: (e)=>setNewGrade({ ...newGrade, student: e.target.value }), __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "course", placeholder: "Ders", className: "border p-2 rounded", value: newGrade.course, onChange: (e)=>setNewGrade({ ...newGrade, course: e.target.value }), __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "grade", placeholder: "Not", className: "border p-2 rounded", value: newGrade.grade, onChange: (e)=>setNewGrade({ ...newGrade, grade: e.target.value }), __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Not Ekle")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, "Öğrenci"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Ders"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-2", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Not"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, grades.map((grade, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, grade.student), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, grade.course), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 100, columnNumber: 19 }, __self: this }, grade.grade)))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mt-8", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "Not Ortalamaları"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, Object.entries(grades.reduce((acc, grade)=>{ if (!acc[grade.student]) { acc[grade.student] = { total: 0, count: 0 }; } acc[grade.student].total += Number(grade.grade); acc[grade.student].count += 1; return acc; }, {})).map(([student, data])=>/*#__PURE__*/ React.createElement("div", { key: student, className: "flex justify-between items-center border-b pb-2", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, student), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, (data.total / data.count).toFixed(2)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "Başarı Grafiği"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, grades.map((grade, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "space-y-1", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 143, columnNumber: 21 }, __self: this }, grade.student, " - ", grade.course), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, grade.grade)), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${grade.grade}%` }, __source: { fileName: "", lineNumber: 149, columnNumber: 21 }, __self: this }))))))))); }

Öğrenci	Ders	Not
Ahmet Yılmaz	Matematik	85
Ayşe Demir	Fizik	90
Mehmet Kaya	Kimya	78