function MainComponent() { const [selectedStudent, setSelectedStudent] = useState("Ali Yılmaz"); const [students] = useState([ { name: "Ali Yılmaz", class: "10-A", grades: [ { course: "Matematik", grade: 85, date: "2024-03-01" }, { course: "Fizik", grade: 78, date: "2024-03-05" }, { course: "Kimya", grade: 92, date: "2024-03-10" } ], attendance: 95, upcomingExams: [ { course: "Matematik", date: "2024-03-20" }, { course: "Fizik", date: "2024-03-25" } ], messages: [ { from: "Ahmet Öğretmen", content: "Ali son derste çok başarılıydı.", date: "2024-03-12" }, { from: "Ayşe Öğretmen", content: "Ödev teslim tarihi uzatıldı.", date: "2024-03-10" } ] } ]); const currentStudent = students.find((s)=>s.name === selectedStudent); const [newMessage, setNewMessage] = useState(""); const calculateAverage = (grades)=>{ return (grades.reduce((acc, curr)=>acc + curr.grade, 0) / grades.length).toFixed(1); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-[#1a365d] mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Veli Portalı"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-1", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Öğrenci Bilgileri"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 bg-[#1a365d] rounded-full flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-graduate text-white text-3xl", __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, currentStudent.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, "Sınıf: ", currentStudent.class)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, "Devam Durumu"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 67, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 h-2 rounded-full", style: { width: `${currentStudent.attendance}%` }, __source: { fileName: "", lineNumber: 68, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-bold", __source: { fileName: "", lineNumber: 73, columnNumber: 21 }, __self: this }, "%", currentStudent.attendance)))))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "Akademik Performans"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 91, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left py-2", __source: { fileName: "", lineNumber: 92, columnNumber: 25 }, __self: this }, "Ders"), /*#__PURE__*/ React.createElement("th", { className: "text-left py-2", __source: { fileName: "", lineNumber: 93, columnNumber: 25 }, __self: this }, "Not"), /*#__PURE__*/ React.createElement("th", { className: "text-left py-2", __source: { fileName: "", lineNumber: 94, columnNumber: 25 }, __self: this }, "Tarih"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, currentStudent.grades.map((grade, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b", __source: { fileName: "", lineNumber: 99, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 100, columnNumber: 27 }, __self: this }, grade.course), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 101, columnNumber: 27 }, __self: this }, grade.grade), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 102, columnNumber: 27 }, __self: this }, grade.date))), /*#__PURE__*/ React.createElement("tr", { className: "font-bold", __source: { fileName: "", lineNumber: 105, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 106, columnNumber: 25 }, __self: this }, "Genel Ortalama"), /*#__PURE__*/ React.createElement("td", { className: "py-2", colSpan: "2", __source: { fileName: "", lineNumber: 107, columnNumber: 25 }, __self: this }, calculateAverage(currentStudent.grades))))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, "Yaklaşan Sınavlar"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 121, columnNumber: 19 }, __self: this }, currentStudent.upcomingExams.map((exam, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center border-b pb-2", __source: { fileName: "", lineNumber: 123, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 128, columnNumber: 27 }, __self: this }, exam.course), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 129, columnNumber: 27 }, __self: this }, exam.date)), /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar text-[#1a365d]", __source: { fileName: "", lineNumber: 131, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, "İletişim"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-48 overflow-y-auto space-y-3", __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this }, currentStudent.messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-50 p-3 rounded-lg", __source: { fileName: "", lineNumber: 144, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-600", __source: { fileName: "", lineNumber: 145, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 146, columnNumber: 29 }, __self: this }, message.from), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 147, columnNumber: 29 }, __self: this }, message.date)), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 149, columnNumber: 27 }, __self: this }, message.content)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 153, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full border rounded-lg p-2", placeholder: "Mesajınızı yazın...", value: newMessage, onChange: (e)=>setNewMessage(e.target.value), __source: { fileName: "", lineNumber: 154, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-[#1a365d] text-white px-4 py-2 rounded-lg hover:bg-[#2a466d]", __source: { fileName: "", lineNumber: 160, columnNumber: 23 }, __self: this }, "Gönder")))))))))); }

Ders	Not	Tarih
Matematik	85	2024-03-01
Fizik	78	2024-03-05
Kimya	92	2024-03-10
Genel Ortalama	85.0