starred/esx_core
1
0
Fork 0
mirror of https://github.com/esx-framework/esx_core.git synced 2026-08-28 17:01:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): display correct gender

Browse Source
This commit is contained in:
Mirow
2025-09-04 19:38:45 +02:00
committed by _Not_
parent 69772dbd5a
commit e7eafd6148
3 changed files with 47 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
[core]/esx_multicharacter/web/build/assets/index-DejQJnIG.js → [core]/esx_multicharacter/web/build/assets/index-OCpTJ5nO.js
+6 -6
View File
File diff suppressed because one or more lines are too long
[core]/esx_multicharacter/web/build/index.html
+1 -1
View File
@@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ESX MULTICHARACTER</title>
<script type="module" crossorigin src="./assets/index-DejQJnIG.js"></script>
<script type="module" crossorigin src="./assets/index-OCpTJ5nO.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-Kwy28xkx.css">
</head>
<body>
[core]/esx_multicharacter/web/src/App.tsx
+40 -26
View File
@@ -1,48 +1,62 @@
import CharacterSelection from './components/CharacterSelection';
import { useState, useEffect } from 'react';
import { useNuiEvent } from './utils/useNuiEvent'
import { Character, Locale } from './types/Character';
import { fetchNui } from './utils/fetchNui';
import CharacterSelection from "./components/CharacterSelection";
import { useState, useEffect } from "react";
import { useNuiEvent } from "./utils/useNuiEvent";
import { Character, Locale } from "./types/Character";
import { fetchNui } from "./utils/fetchNui";
function App() {
const [isVisible, setIsVisible] = useState<boolean>(false);
const [characters, setCharacters] = useState<Character[]>([]);
const [Candelete, setCandelete] = useState<boolean>(false);
const [MaxAllowedSlot, setMaxAllowedSlot] = useState<number>(0);
const [locale, setLocale] = useState<Locale>({ char_info_title: '', play: '', title: '' });
const [locale, setLocale] = useState<Locale>({
char_info_title: "",
play: "",
title: "",
});
useEffect(() => {
fetchNui('nuiReady')
}, [])
fetchNui("nuiReady");
}, []);
useNuiEvent('ToggleMulticharacter', (data:any) => {
useNuiEvent("ToggleMulticharacter", (data: any) => {
if (data.show) {
const validCharacters = data.Characters.filter((char: any) => char !== null);
const parsedCharacters: Character[] = validCharacters.map((char: any, index: number) => ({
id: char.id.toString(),
name: `${char.firstname} ${char.lastname}`,
birthDate: char.dateofbirth,
gender: char.sex?.toUpperCase() === 'MALE' ? 'MALE' : 'FEMALE',
occupation: char.job,
disabled: char.disabled,
isActive: index === 0,
}));
const validCharacters = data.Characters.filter(
(char: any) => char !== null
);
const parsedCharacters: Character[] = validCharacters.map(
(char: any, index: number) => ({
id: char.id.toString(),
name: `${char.firstname} ${char.lastname}`,
birthDate: char.dateofbirth,
gender: char.sex,
occupation: char.job,
disabled: char.disabled,
isActive: index === 0,
})
);
setIsVisible(true);
setCharacters(parsedCharacters);
setCandelete(data.CanDelete);
setMaxAllowedSlot(data.AllowedSlot)
setLocale(data.Locale)
setMaxAllowedSlot(data.AllowedSlot);
setLocale(data.Locale);
} else {
setIsVisible(false);
setCharacters([]);
}
})
});
return isVisible && (
<CharacterSelection initialCharacters={characters} Candelete={Candelete} MaxAllowedSlot={MaxAllowedSlot} locale={locale} />
return (
isVisible && (
<CharacterSelection
initialCharacters={characters}
Candelete={Candelete}
MaxAllowedSlot={MaxAllowedSlot}
locale={locale}
/>
)
);
}
export default App;
export default App;