Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-13 06:21:21 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

no dynamic import test

Browse Source
This commit is contained in:
Kalle (Sendou) 2020-09-26 17:07:40 +03:00
parent b9d9b8a7d8
commit bb87ef6f2f
1 changed files with 11 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend-react/src/components/common/WeaponImage.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect, useState } from "react"
import React from "react"
import { useTranslation } from "react-i18next"
import { Weapon } from "../../types.js"
import english_internal from "../../utils/english_internal.json"
@ -26,31 +26,21 @@ const WeaponImage: React.FC<WeaponImageProps> = ({
asInlineBlock,
noTitle,
}) => {
const [src, setSrc] = useState<string | null>(null)
const { t } = useTranslation()
const wh = sizeWhMap[size]
useEffect(() => {
if (!english_internal) return
import(
`../../assets/weapons/Wst_${english_internal[englishName]}.png`
).then((img) => setSrc(img.default))
}, [english_internal])
return (
<>
{src && (
<img
src={src}
alt={t(`game;${englishName}`)}
title={noTitle ? undefined : t(`game;${englishName}`)}
style={{
width: wh,
height: wh,
display: asInlineBlock ? "inline-block" : undefined,
}}
/>
)}
<img
src={`https://raw.githubusercontent.com/Leanny/leanny.github.io/master/splat2/weapons/Wst_${english_internal[englishName]}.png`}
alt={t(`game;${englishName}`)}
title={noTitle ? undefined : t(`game;${englishName}`)}
style={{
width: wh,
height: wh,
display: asInlineBlock ? "inline-block" : undefined,
}}
/>
</>
)
}