Add filename to entites

src/classes/AbilityFull.tsx

@@ -399,7 +399,7 @@ export default function AbilityFull(props: { abilityId?: number, mod: IMod, race
                 <Grid2 size={{xs: 12, md: 12}}>
                     <Required requirement={ability.requirements} modId={props.mod.id} raceId={props.race.id}/>
                 </Grid2>}
-                {props.isChild !== true && ability.activation !== "Passive ability" && <b className="hotkey" >Hotkey: {ability.hotkey}</b>}
+                {props.isChild !== true && ability.activation !== "Passive ability" && <b className="hotkey" >Hotkey: {ability.hotkey} {ability.filename && <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {ability.filename}</span>}</b>}
             </div>
         )
     } else return <div style={{color: 'rgba(255, 255, 255, 0.5)'}}>loading...</div>;

src/classes/Sergeant.tsx

@@ -196,7 +196,7 @@ const Sergeant = (props: SergeantProps) => {
                     <AffectedResearches researches={sergeant.affectedResearches} modId={props.mod.id} raceId={props.race.id} />
                 </Grid2>
             </Grid2>
-            <b className="hotkey" >Hotkey: {sergeant.hotkey}</b>
+            <b className="hotkey" >Hotkey: {sergeant.hotkey} <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {sergeant.filename}</span></b>
         </div>)
 };
 

src/classes/WeaponFull.tsx

@@ -1,11 +1,10 @@
 import React, {useEffect, useState} from "react";
 import {useTheme} from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
-import {AvailableBuildings, AvailableUnits, UserUrl, WeaponUrl} from "../core/api";
+import {WeaponUrl} from "../core/api";
 import {IWeapon} from "../types/IUnit";
 import ArmorTypeNames from "../types/ArmorTypeValues";
 import {
-    AccordionDetails,
     Grid2,
     Table,
     TableBody,
@@ -18,8 +17,6 @@ import Required from "./Required";
 import {AffectedResearches} from "./building/Research";
 import {IMod} from "../types/Imod";
 import {Irace} from "../types/Irace";
-import {IRaceUnits} from "../types/IUnitShort";
-import {IRaceBuildings} from "../types/IBuildingShort";
 import {ModifiersProvidesTable} from "./ModifiersProvideTable";
 import {StyledPaper} from "../commons/StyledPaper";
 import {StyledTableCell} from "../commons/StyledTableCell";
@@ -454,7 +451,8 @@ export default function WeaponFull(props: {weaponId: number, isDefault: Boolean,
                         <AffectedResearches researches={weapon.affectedResearches} modId={props.mod.id} raceId={props.race.id} />
                     </Grid2>
                 </Grid2>
-                {!props.isDefault && props.haveReinforceMenu && <b className="hotkey" >Hotkey: {weapon.hotkey}</b>}
+                <b className="hotkey" >{!props.isDefault && props.haveReinforceMenu && <span>Hotkey: {weapon.hotkey} </span>}
+                <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {weapon.filename}</span></b>
             </div>
         )
     } else return <div style={{color: 'rgba(255, 255, 255, 0.5)'}}>loading...</div>;

src/classes/building/BuildingAddon.tsx

@@ -99,7 +99,7 @@ function BuildingAddon(props: IBuildingAddonProps){
                         <Required requirement={addon.addonRequirement} modId={building.modId} raceId={building.race.id}/>
                     </Grid2>}
             </Grid2>
-            <b className="hotkey" >Hotkey: {addon.hotkey}</b>
+            <b className="hotkey" >Hotkey: {addon.hotkey} <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {addon.filename}</span></b>
         </AccordionDetails>
     </StyledAccordion></div>
 }

src/classes/building/ResearchFull.tsx

@@ -106,7 +106,7 @@ function ResearchFull(props: { id: number, building: IBuilding }){
                         <Required requirement={research.requirements} modId={building.modId} raceId={building.race.id}/>
                     </Grid2>}
             </Grid2>
-            <b className="hotkey" >Hotkey: {research.hotkey}</b>
+            <b className="hotkey" >Hotkey: {research.hotkey} <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {research.filename}</span></b>
         </div>
     } else return <div style={{color: 'rgba(255, 255, 255, 0.5)'}}>loading...</div>
 }

src/pages/BuildingPage.tsx

@@ -290,7 +290,7 @@ function Building(building: IBuilding, mod: IMod, theme: Theme) {
                 <Grid2 size={12}>
                     <AffectedResearches researches={building.affectedResearches} modId={mod.id} raceId={building.race.id} />
                 </Grid2>
-                <b className="hotkey" >Hotkey: {building.hotkey}</b>
+                <b className="hotkey" >Hotkey: {building.hotkey} <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {building.filename}</span></b>
             </Grid2>
             <StyledDivider />
             <UnitsTable modId={mod.id}/>

src/pages/UnitPage.tsx

@@ -377,7 +377,7 @@ function Unit(unit: IUnit, mod: IMod, theme: Theme) {
             </Grid2>
 
             <Box sx={{ mt: 3, mb: 2, fontWeight: 600, fontSize: '0.85rem' }}>
-                Hotkey: {unit.hotkey}
+                Hotkey: {unit.hotkey} <span style={{ fontSize: '12px', fontWeight: 400, color: 'rgba(128,128,128,0.7)' }}>Filename: {unit.filename}</span>
             </Box>
             <StyledDivider />
             <UnitsTable modId={mod.id}/>