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