From 62671eba0ad5ba095bed4e3b287ba9ad0c777046 Mon Sep 17 00:00:00 2001 From: Mathias Wagner <germannewsmaker@gmail.com> Date: Thu, 1 Jun 2023 19:48:08 +0200 Subject: [PATCH] Created the SoftwareGrid.jsx --- .../components/SoftwareGrid/SoftwareGrid.jsx | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/SoftwareGrid.jsx diff --git a/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/SoftwareGrid.jsx b/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/SoftwareGrid.jsx new file mode 100644 index 0000000..078c870 --- /dev/null +++ b/client/src/pages/tools/linux/InstallSoftware/components/SoftwareGrid/SoftwareGrid.jsx @@ -0,0 +1,14 @@ +import "./styles.sass"; +import Software from "@/pages/tools/linux/InstallSoftware/software.jsx"; + +export const SoftwareGrid = ({currentItem, setCurrentItem}) => ( + <div className="software-grid"> + {Software.map((software) => ( + <div className={"software-item" + (currentItem === software.name ? " software-item-active" : "")} + onClick={() => setCurrentItem(software.name)} key={software.name}> + <img src={software.icon} alt={software.name}/> + <p>{software.name}</p> + </div> + ))} + </div> +) \ No newline at end of file