Another changes in api

mbart13 · Sep 28, 2021 · 67dd363 · 67dd363 · vercel · Sep 28, 2021
1 parent 8a2af73
commit 67dd363
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/CountryCard/CountryCard.tsx b/src/components/CountryCard/CountryCard.tsx
@@ -8,14 +8,14 @@ const CountryCard: React.FC<Country> = ({
   population,
   region,
   capital,
-  flags,
+  flag,
   alpha3Code,
 }) => {
   return (
     <Container as="li" data-testid="country">
       <Link to={`/${alpha3Code}`} style={{ textDecoration: 'none' }}>
         <FlagWrapper>
-          <img src={flags[0]} alt="" aria-hidden="true" />
+          <img src={flag} alt="" aria-hidden="true" />
         </FlagWrapper>
         <CountryInfo>
           <h2>{name}</h2>

diff --git a/src/models/Country.ts b/src/models/Country.ts
@@ -6,6 +6,7 @@ type Country = {
   name: string;
   nativeName: string;
   flags: string[];
+  flag: string;
   population: number;
   region: string;
   continent: string;

diff --git a/src/pages/CountryDetails/CountryDetails.tsx b/src/pages/CountryDetails/CountryDetails.tsx
@@ -30,7 +30,7 @@ const CountryDetails: React.FC = () => {
       </Button>
       <CountryWrapper as="article">
         <Flag>
-          <img src={country?.flags[0]} alt={`flag of ${country?.name}`} />
+          <img src={country?.flag} alt={`flag of ${country?.name}`} />
         </Flag>
         <StyledCountryDetails>
           <h1>{country?.name}</h1>