charleslemaux/servii-frontend
1
0
Fork 0
mirror of https://github.com/hubHarmony/servii-frontend.git synced 2024-11-17 21:40:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
AntoninoP 2024-08-12 18:47:09 +02:00
parent 62d46e0505
commit 1921092a32
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/CreateServer/CreateServer.jsx
View File

@ -8,7 +8,6 @@ import bukkitLogo from '../../assets/frameworks/bukkit.png';
import paperLogo from '../../assets/frameworks/paper.png'; import paperLogo from '../../assets/frameworks/paper.png';
import spigotLogo from '../../assets/frameworks/spigot.png'; import spigotLogo from '../../assets/frameworks/spigot.png';
const frameworks = [ const frameworks = [
{ name: 'vanilla', logo: vanillaLogo }, { name: 'vanilla', logo: vanillaLogo },
{ name: 'bukkit', logo: bukkitLogo }, { name: 'bukkit', logo: bukkitLogo },
@ -39,8 +38,6 @@ const versions = {
], ],
}; };
const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noServers }) => { const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noServers }) => {
const [subdomain, setSubdomain] = useState(null); const [subdomain, setSubdomain] = useState(null);
const [subdomainInput, setSubdomainInput] = useState(''); const [subdomainInput, setSubdomainInput] = useState('');
@ -78,7 +75,7 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noSer
const handleCreateServer = async () => { const handleCreateServer = async () => {
try { try {
await onCreateServer(serverName, serverVersion , selectedFramework); await onCreateServer(serverName, serverVersion, selectedFramework);
} catch (error) { } catch (error) {
console.error('Error creating server:', error); console.error('Error creating server:', error);
} }
@ -93,7 +90,7 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noSer
{noServers ? ( {noServers ? (
<div className={styles.mainCardNoserveur}> <div className={styles.mainCardNoserveur}>
<div className={styles.nsSubTitle}>Bonjour</div> <div className={styles.nsSubTitle}>Bonjour</div>
<div className={styles.nsTitle}>Aucun serveur </div> <div className={styles.nsTitle}>Aucun serveur</div>
<button className={styles.btnnoServCreate} onClick={onCreateServer}>Créer un nouveau serveur</button> <button className={styles.btnnoServCreate} onClick={onCreateServer}>Créer un nouveau serveur</button>
</div> </div>
) : ( ) : (
@ -133,31 +130,28 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate, onCancel, noSer
<div className={styles.subtitle}>Sélection du framework</div> <div className={styles.subtitle}>Sélection du framework</div>
<div className={styles.carreContainer}> <div className={styles.carreContainer}>
{frameworks.map((framework, index) => (
{frameworks.map((framework, index) => (
console.log(framework.logo.toLowerCase()),
<img <img
key={index} key={index}
className={`${styles.carre} ${selectedFramework === framework.name ? styles.selected : ''}`} className={`${styles.carre} ${selectedFramework === framework.name ? styles.selected : ''}`}
src={framework.logo.toLowerCase()} src={framework.logo}
alt={`${framework.name}`} alt={`${framework.name}`}
onClick={() => { onClick={() => {
setSelectedFramework(framework.name); setSelectedFramework(framework.name);
setServerVersion(''); setServerVersion('');
}} }}
/> />
))} ))}
</div> </div>
<div className={styles.subtitle}>Sélection de la version</div> <div className={styles.subtitle}>Sélection de la version</div>
<select <select
className={styles.select} className={styles.select}
name="version" name="version"
id="version-select" id="version-select"
value={serverVersion} value={serverVersion}
onChange={(e) => setServerVersion(e.target.value)} onChange={(e) => setServerVersion(e.target.value)}
disabled={!selectedFramework} disabled={!selectedFramework}
> >
<option>Version</option> <option>Version</option>
{selectedFramework && versions[selectedFramework].map((version, index) => ( {selectedFramework && versions[selectedFramework].map((version, index) => (