🚧 Start on results components
This commit is contained in:
27
src/components/Results/ServerLocation.tsx
Normal file
27
src/components/Results/ServerLocation.tsx
Normal 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;
|
||||
Reference in New Issue
Block a user