35 lines
736 B
TypeScript
35 lines
736 B
TypeScript
"use client"
|
|
import dynamic from "next/dynamic";
|
|
import React, { useState } from 'react';
|
|
|
|
const SearchFilters = dynamic(
|
|
() => import("../components/searchFilter/SearchFilters"),
|
|
{ ssr: false }
|
|
);
|
|
|
|
export default function Home() {
|
|
const [filters, setFilters] = useState({
|
|
user: '42',
|
|
state: 'FAILED',
|
|
startDate: '2025-06-28 23:25',
|
|
});
|
|
|
|
const handleDeleteFilter = (key: string) => {
|
|
setFilters((prev) => ({ ...prev, [key]: null }));
|
|
};
|
|
|
|
const handleClearAll = () => {
|
|
setFilters({ user: '', state: '', startDate: '' });
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<SearchFilters
|
|
filters={filters}
|
|
onDeleteFilter={handleDeleteFilter}
|
|
onClearAll={handleClearAll}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|