diff --git a/lab3/src/components/App/App.css b/lab3/src/components/App/App.css
index 61e3b2e..8a4bc3d 100644
--- a/lab3/src/components/App/App.css
+++ b/lab3/src/components/App/App.css
@@ -1,31 +1,27 @@
-#root {
- background: whitesmoke;
-}
-
.App {
- padding: 25px 15px 25px 15px;
- border: 2px solid gray;
- min-height: 250px;
+ padding: 25px 15px 25px 15px;
+ border: 2px solid gray;
+ min-height: 250px;
}
.App-header {
- background-color: #222;
- height: 150px;
- padding: 20px;
- color: white;
- font-size: 42px;
- text-align: center;
+ background-color: #222;
+ height: 150px;
+ padding: 20px;
+ color: white;
+ font-size: 42px;
+ text-align: center;
}
.App-header-description {
- font-size: 18px;
+ font-size: 18px;
}
@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
}
diff --git a/lab3/src/components/Container/Container.js b/lab3/src/components/Container/Container.js
index 8883992..db5a3a1 100644
--- a/lab3/src/components/Container/Container.js
+++ b/lab3/src/components/Container/Container.js
@@ -35,7 +35,7 @@ const Container = () => {
console.log("FOO");
}}
/>
-
+
);
};
diff --git a/lab3/src/components/List/List.js b/lab3/src/components/List/List.js
index 1a27f0a..f528562 100644
--- a/lab3/src/components/List/List.js
+++ b/lab3/src/components/List/List.js
@@ -4,9 +4,12 @@ import { connect } from "react-redux";
import "./List.css";
-const List = ({ items, title }) => {
+const List = ({ title }) => {
const [searchTerm, setSearchTerm] = useState("");
+ // Task 7: Get users from store
+ const users = [];
+
const onItemClick = (userId) => {
console.log("Clicked on user", userId);
};
@@ -15,23 +18,23 @@ const List = ({ items, title }) => {
setSearchTerm(e.target.value);
};
- const filterListItemsBySearchTerm = (searchTerm) =>
- items.filter((item) =>
- item.name.toLowerCase().includes(searchTerm.toLowerCase())
+ const filterUsersBySearchTerm = (searchTerm) =>
+ users.filter((user) =>
+ user.name.toLowerCase().includes(searchTerm.toLowerCase())
);
- const filteredItems = filterListItemsBySearchTerm(searchTerm);
+ const filteredUsers = filterUsersBySearchTerm(searchTerm);
return (