|
|
@ -4,20 +4,33 @@ import { WishResultText } from './WishResultText';
|
|
|
|
|
|
|
|
|
|
|
|
interface GachaResultProps {
|
|
|
|
interface GachaResultProps {
|
|
|
|
gachaResult: AppWishResult;
|
|
|
|
gachaResult: AppWishResult;
|
|
|
|
|
|
|
|
withCount: boolean;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
export const GachaResult: React.FC<GachaResultProps> = React.memo((props) => {
|
|
|
|
export const GachaResult: React.FC<GachaResultProps> = React.memo((props) => {
|
|
|
|
const { gachaResult } = props;
|
|
|
|
const { gachaResult, withCount } = props;
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div style={{ color: '#c17a4e' }}>
|
|
|
|
<div style={{ color: '#c17a4e' }}>
|
|
|
|
<WishResultText label="5星" items={gachaResult.ssr} />
|
|
|
|
<WishResultText
|
|
|
|
|
|
|
|
label="5星"
|
|
|
|
|
|
|
|
items={gachaResult.ssr}
|
|
|
|
|
|
|
|
withCount={withCount}
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style={{ color: '#865cad' }}>
|
|
|
|
<div style={{ color: '#865cad' }}>
|
|
|
|
<WishResultText label="4星" items={gachaResult.sr} />
|
|
|
|
<WishResultText
|
|
|
|
|
|
|
|
label="4星"
|
|
|
|
|
|
|
|
items={gachaResult.sr}
|
|
|
|
|
|
|
|
withCount={withCount}
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<WishResultText label="3星" items={gachaResult.r} />
|
|
|
|
<WishResultText
|
|
|
|
|
|
|
|
label="3星"
|
|
|
|
|
|
|
|
items={gachaResult.r}
|
|
|
|
|
|
|
|
withCount={withCount}
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
);
|
|
|
|