From 2d2144fc05b709ae253461d68f6bc30739e66f6a Mon Sep 17 00:00:00 2001
From: Charles Le Maux <charles.le-maux@epitech.eu>
Date: Thu, 4 Jul 2024 13:28:33 +0100
Subject: [PATCH] [~] Dynamic framework icon handling.

---
 src/assets/frameworks/vanilla.png             | Bin 0 -> 3219 bytes
 src/components/serverCard/serverCard.jsx      |  25 +++++++++++-------
 .../serverCard/serverCard.module.scss         |   1 -
 3 files changed, 16 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/frameworks/vanilla.png

diff --git a/src/assets/frameworks/vanilla.png b/src/assets/frameworks/vanilla.png
new file mode 100644
index 0000000000000000000000000000000000000000..8480c8977d8344eb9f712cac3e9a7de00e6ca608
GIT binary patch
literal 3219
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
V;au(dGxkDP01jh|u0j!F{{_At=m`J-

literal 0
HcmV?d00001

diff --git a/src/components/serverCard/serverCard.jsx b/src/components/serverCard/serverCard.jsx
index 083fdef..6263973 100644
--- a/src/components/serverCard/serverCard.jsx
+++ b/src/components/serverCard/serverCard.jsx
@@ -1,18 +1,25 @@
 import React from 'react';
 import styles from './serverCard.module.scss';
 
-import paper_mc from '../../assets/frameworks/paper_mc.png'
+import paper from '../../assets/frameworks/paper_mc.png'
+import spigot from '../../assets/frameworks/spigot.png'
+import bukkit from '../../assets/frameworks/bukkit.png'
+import vanilla from '../../assets/frameworks/vanilla.png'
 
-const ServerCard = ({status, version, link, name, onRunClick, onStopClick, onDeleteClick }) => {
+const ServerCard = ({status, version, link, name, framework, onRunClick, onStopClick, onDeleteClick }) => {
 
-  const getStatusColor = () => {
-    switch (status) {
-      case true:
-        return 'green';
+  const getFrameworkSource = () => {
+    switch (framework) {
+      case "bukkit":
+        return bukkit;
+      case "spigot":
+        return spigot;
+      case "paper":
+        return paper;
       default:
-        return 'gray';
+        return vanilla;
     }
-  };
+  }
 
   const handleRun = async () => {
     try {
@@ -43,7 +50,7 @@ const ServerCard = ({status, version, link, name, onRunClick, onStopClick, onDel
       <div className={styles.leftCard}>
         <div className={styles.status}>
           <div className={styles.name}>{name}</div>
-          <img src={paper_mc} alt={`${name} Icon`} className={styles.statusInnerDot}/>
+          <img src={getFrameworkSource()} alt={`${name} Icon`} className={styles.statusInnerDot}/>
           <div className="tooltip"></div>
         </div>
         <div className={styles.buttonContainer}>
diff --git a/src/components/serverCard/serverCard.module.scss b/src/components/serverCard/serverCard.module.scss
index e8b6b58..5fdf92c 100644
--- a/src/components/serverCard/serverCard.module.scss
+++ b/src/components/serverCard/serverCard.module.scss
@@ -30,7 +30,6 @@
 .statusInnerDot {
   width: 27px;
   height: 27px;
-  border-radius: 50%;
 }
 
 .name {