20 lines
498 B
TypeScript

import React from "react";
import { MiniCalendar } from "../calendar/MiniCalendar";
import { SearchBar } from "../search/SearchBar";
import { TagsFilter } from "../search/TagsFilter";
import { Note } from "../../types/note";
interface SidebarProps {
notes: Note[];
}
export const Sidebar: React.FC<SidebarProps> = ({ notes }) => {
return (
<div className="container-leftside">
<MiniCalendar notes={notes} />
<SearchBar />
<TagsFilter notes={notes} />
</div>
);
};