31 lines
915 B
JavaScript
31 lines
915 B
JavaScript
import React, { useState } from 'react';
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
import { faSearch } from '@fortawesome/free-solid-svg-icons';
|
|
import RecentTask from './RecentTask';
|
|
|
|
const Sidebar = () => {
|
|
const [recentTasks, setRecentTasks] = useState([]);
|
|
|
|
const handleSearch = e => {
|
|
const searchPhrase = e.target.value;
|
|
}
|
|
|
|
return (
|
|
<section className="sidebar">
|
|
<div className="search-area">
|
|
<FontAwesomeIcon icon={faSearch} />
|
|
<input type="text" placeholder="Wyszukaj" onChange={handleSearch}/>
|
|
</div>
|
|
<div className="recent-task-list">
|
|
<div>Ostatnie zadania</div>
|
|
<ul>
|
|
<li><RecentTask /></li>
|
|
<li><RecentTask /></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|
|
|
|
export default Sidebar;
|