🚧 Start on results components

This commit is contained in:
Alicia Sykes
2022-07-03 23:14:58 +01:00
parent 90272d0aa2
commit 487bd32786
2 changed files with 53 additions and 0 deletions

View File

@@ -0,0 +1,27 @@
import styled from 'styled-components';
import { ServerLocation } from 'utils/result-processer';
import colors from 'styles/colors';
import Card from 'components/Form/Card';
const Row = styled.div`
border-bottom: 1px solid ${colors.primary};
display: flex;
justify-content: space-between;
`;
const ServerLocationCard = (location: ServerLocation): JSX.Element => {
const { city, regionCode, countryCode, countryName, coords } = location;
return (
<Card>
<Row>
<span>Location</span>
<span>{ city }, { countryName }</span>
</Row>
</Card>
);
}
export default ServerLocationCard;