diff --git a/src/components/atoms/ValkyrieLabel.tsx b/src/components/atoms/ValkyrieLabel.tsx index bed1c024..7207bede 100644 --- a/src/components/atoms/ValkyrieLabel.tsx +++ b/src/components/atoms/ValkyrieLabel.tsx @@ -1,12 +1,25 @@ -import { Text } from '@theme-ui/components' +import { Flex, Text } from '@theme-ui/components' +import SquareImageBox from './SquareImageBox' interface ValkyrieLabelProps { valkyrie: string } const ValkyrieLabel = ({ valkyrie }: ValkyrieLabelProps) => { - const { label } = getLabelData(valkyrie) - return {label} + const { icon, label } = getLabelData(valkyrie) + return ( + + {icon && ( + + )} + {label} + + ) } export default ValkyrieLabel @@ -32,7 +45,7 @@ function getLabelData(valkyrie: string): { label: string; icon?: string } { case 'kallen': return { icon: 'kallen', label: 'Kallen Kaslana' } case 'olenyevas': - return { icon: 'olenyevas', label: 'Olenyevas Sisters' } + return { icon: 'olenyevas', label: 'Olenyevas' } case 'seele': return { icon: 'seele', label: 'Seele Vollerei' } case 'durandal':