function DiaryEntryList({ entries = [] }) { const sortedEntries = [ ...entries ].sort((a, b)=>new Date(b.date) - new Date(a.date)); return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, sortedEntries.map((entry, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("time", { className: "text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, new Date(entry.date).toLocaleDateString()), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto text-gray-800", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, entry.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, entry.workDetails)))))); } function DiaryEntryListStory() { const sampleEntries = [ { date: "2024-02-15", title: "Project Kickoff", workDetails: "Started the new client project. Set up initial requirements and timeline." }, { date: "2024-02-14", title: "Team Meeting", workDetails: "Discussed quarterly goals and project priorities with the team." }, { date: "2024-02-13", title: "Code Review", workDetails: "Reviewed pull requests and provided feedback to junior developers." } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DiaryEntryList, { entries: sampleEntries, __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function DiaryEntryForm({ onSubmit = ()=>{} }) { const [formData, setFormData] = useState({ title: "", details: "", date: new Date().toISOString().split("T")[0] }); const handleSubmit = (e)=>{ e.preventDefault(); onSubmit(formData); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-lg mx-auto p-6 space-y-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", value: formData.title, onChange: handleChange, placeholder: "Enter title", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "details", value: formData.details, onChange: handleChange, placeholder: "Enter work details", className: "w-full p-2 border rounded h-32", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", value: formData.date, readOnly: true, className: "w-full p-2 border rounded bg-gray-100", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, "Submit")); } function DiaryEntryFormStory() { const handleSubmit = (data)=>{ console.log(data); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DiaryEntryForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this })); } function ExportButton({ onExport }) { const handleExport = async ()=>{ try { await fetch("/api/export-diary", { method: "POST" }); } catch (error) { console.error(error); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-8 px-4 md:px-8", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center text-gray-800 font-montserrat", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Dibyendu Diary"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleExport, className: "inline-block px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors duration-200 font-montserrat", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-excel mr-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), "Export to Excel")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null)))); } function ExportButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ExportButton, { __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-8 px-4 md:px-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800 font-montserrat", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Dibyendu Diary"), /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(DiaryEntryForm, { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(DiaryEntryList, { __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this })))); }