Revert "Feature : Added events search (#14)" (#96)

Author: TheJuanAndOnly99

README.md

@@ -43,7 +43,7 @@ Create a new directory named `dist` in the root directory and run :
 npm run getEvents
 ```
 
-Copy `events.json` from `dist` to `src` directory.
+Copy `events.json` from `dist` to root directory.
 
 ### Run development server
 

src/App.jsx

@@ -7,24 +7,17 @@ import parse from 'html-react-parser';
 import timeGridPlugin from '@fullcalendar/timegrid';
 import rrulePlugin from '@fullcalendar/rrule';
 
-import SearchHeader from './components/SearchHeader';
-import './App.css';
-
 import useEscKey from './hooks/useEscKey';
 
 import Icon from '@mdi/react';
 import { mdiCalendarRange, mdiMapMarkerOutline, mdiClose } from '@mdi/js';
-
-import eventData from './events.json'
+import './App.css';
 
 const htmlRegex = /<\/*html-blob>/;
 
 function App() {
 	const calendarRef = createRef();
 
-	const eventsArray = Array.from(eventData)
-	const [events, setEvents] = useState(eventsArray)
-
 	const [ loading, setLoading ] = useState(true);
 	const [ showEventDetails, setShowEventDetails ] = useState(false);
 	const [ eventDetails, setEventDetails ] = useState(false);
@@ -58,16 +51,6 @@ function App() {
 		setPopupPosition({left: position.left + 'px', top: position.top + 'px'})
 	}
 
-	const filterEvents = (searchTerm)=>{
-		if(!searchTerm) return setEvents(eventsArray) //handles searchbox clear
-		let matchingEvents = eventsArray.filter((event) => {
-			const titleIncludes = event.title?.toLowerCase().includes(searchTerm.toLowerCase())
-			const descriptionIncludes = event.description?.toLowerCase().includes(searchTerm.toLowerCase())
-			return titleIncludes || descriptionIncludes
-		})
-		setEvents(matchingEvents)
-	}
-
 	const handleEventClick = useCallback((clickInfo) => {
 		window.outerWidth > 600 && createPopupPosition(clickInfo.jsEvent)
 		setEventDetails(clickInfo.event);
@@ -191,7 +174,7 @@ function App() {
 				aspectRatio={aspectRatio}
 				handleWindowResize={true}
 				windowResize={windowResize}
-				events={events}
+				events="events.json"
 				headerToolbar={{
 					left   : 'prev,next today',
 					center : 'title',
@@ -205,11 +188,10 @@ function App() {
 				eventClick={handleEventClick}
 				loading={(isLoading) => setLoading(isLoading)}
 			/>
-		),[aspectRatio, initialView, events]);
+		),[aspectRatio, initialView]);
 
 	return (
 		<div className="App main">
-			<SearchHeader filterEvents={filterEvents} />
 			<div className="finos-calendar">{renderFullCalendar}</div>
 			{showEventDetails && renderEventDetails()}
 			{loading && <div className="finos-calendar-overlay" />}