Skip to content

Instantly share code, notes, and snippets.

@dsl2022
Created January 7, 2024 05:26
Show Gist options
  • Save dsl2022/be976b85f7c6c434bcb7c8c4ca0539d7 to your computer and use it in GitHub Desktop.
Save dsl2022/be976b85f7c6c434bcb7c8c4ca0539d7 to your computer and use it in GitHub Desktop.
import { addTodo,filteredTodos,setFilter,toggleTodo} from './signalStore/todos'
import NavBar from './NavBar';
import Input from './Input';
import DisplayList from './DisplayList';
import ButtonsGroup from './ButtonsGroup';
function App() {
return (
<>
<div className="flex flex-col align items-center h-3/5" >
<NavBar filteredTodos={filteredTodos}/>
<Input addTodo={addTodo}/>
<DisplayList filteredTodos={filteredTodos} toggleTodo={toggleTodo}/>
<ButtonsGroup setFilter={setFilter}/>
</div>
</>
);
}
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment