recent call filter (#282)

* recent call filter

* fix review comment

* fix eslint

src/containers/internal/views/least-cost-routing/card.tsx

@@ -122,6 +122,7 @@ export const Card = ({
       className={`lcr lcr--route lcr-card lcr-card-${
         isDragging ? "disappear" : "appear"
       }`}
+      // eslint-disable-next-line react/no-unknown-property
       handler-id={handlerId}
     >
       <div>

src/containers/internal/views/recent-calls/index.tsx

@@ -48,8 +48,7 @@ export const RecentCalls = () => {
   const [dateFilter, setDateFilter] = useState("today");
   const [directionFilter, setDirectionFilter] = useState("io");
   const [statusFilter, setStatusFilter] = useState("all");
-  const [fromFilter, setFromFilter] = useState("");
-  const [toFilter, setToFilter] = useState("");
+  const [filter, setFilter] = useState("");
 
   const [pageNumber, setPageNumber] = useState(1);
   const [perPageFilter, setPerPageFilter] = useState("25");
@@ -67,8 +66,7 @@ export const RecentCalls = () => {
         : { days: Number(dateFilter) }),
       ...(statusFilter !== "all" && { answered: statusFilter }),
       ...(directionFilter !== "io" && { direction: directionFilter }),
-      ...(fromFilter && { from: fromFilter }),
-      ...(toFilter && { to: toFilter }),
+      ...(filter && { filter }),
     };
 
     getRecentCalls(accountSid, payload)
@@ -105,8 +103,7 @@ export const RecentCalls = () => {
     dateFilter,
     directionFilter,
     statusFilter,
-    fromFilter,
-    toFilter,
+    filter,
   ]);
 
   /** Reset page number when filters change */
@@ -150,13 +147,8 @@ export const RecentCalls = () => {
           options={statusSelection}
         />
         <SearchFilter
-          placeholder="Filter From"
-          filter={[fromFilter, setFromFilter]}
-          delay={1000}
-        />
-        <SearchFilter
-          placeholder="Filter To"
-          filter={[toFilter, setToFilter]}
+          placeholder="Filter"
+          filter={[filter, setFilter]}
           delay={1000}
         />
       </section>