Require serFilter prop for FilterBar

Author: cheehongw

frontend/src/components/QnFilter/QnFilter.component.tsx

@@ -2,17 +2,17 @@ import { Flex, HStack, Input } from "@chakra-ui/react";
 import { QnFilter } from "../../models/Quesiton.model";
 import React, { useState } from "react";
 
-export interface filterprop extends QnFilter {
-  onFilterChange?: (filter: QnFilter) => void; // refilters original db
+export interface FilterBarProps extends QnFilter {
+  setFilter : (filter: QnFilter) => void; // refilters original db
 }
 
 export const FilterBar = ({
   qnFilter = "",
   tagFilter = new Set(),
   difficultyFilter = [0, 100],
   titleAscd = true,
-  onFilterChange,
-}: filterprop) => {
+  setFilter,
+}: FilterBarProps) => {
   const [txtFilter, setTextFilter] = useState(qnFilter);
   const filterChange = (event: React.FormEvent<HTMLInputElement>) => {
     setTextFilter((event.target as HTMLInputElement).value);