From 434c6e6aabbf49b1242affbbbc5f03d0aabfe46f Mon Sep 17 00:00:00 2001
From: hendraaagil <hendraaagil@gmail.com>
Date: Sun, 11 Jul 2021 22:18:31 +0700
Subject: [PATCH] fix: add footer link & fix `key` value

---
 src/components/Footer.js       | 15 ++++++++++++++-
 src/components/HospitalCard.js |  6 +++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 109cf83..d4f8b88 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -1,4 +1,10 @@
-import { HStack, Link, useColorModeValue, VStack } from '@chakra-ui/react';
+import {
+  Divider,
+  HStack,
+  Link,
+  useColorModeValue,
+  VStack,
+} from '@chakra-ui/react';
 import { FaGithub } from 'react-icons/fa';
 
 const Footer = () => (
@@ -14,6 +20,13 @@ const Footer = () => (
       <Link href="https://github.com/hendraaagil/bed-covid-rs-indo" isExternal>
         GitHub Repository
       </Link>
+      <Divider orientation="vertical" h="18px" />
+      <Link
+        href="https://github.com/satyawikananda/rs-bed-covid-indo-api"
+        isExternal
+      >
+        API Source
+      </Link>
     </HStack>
   </VStack>
 );
diff --git a/src/components/HospitalCard.js b/src/components/HospitalCard.js
index f4a3d23..7143e45 100644
--- a/src/components/HospitalCard.js
+++ b/src/components/HospitalCard.js
@@ -73,10 +73,10 @@ const HospitalCard = ({ hosp, type }) => {
         )}
       </Stack>
       {beds && (
-        <Stack direction={['column', 'row']} justify="space-between">
-          {beds.map((be) => (
+        <Stack direction={['column', 'column', 'row']} justify="space-between">
+          {beds.map((be, index) => (
             <Box
-              key={be.bed_class}
+              key={String(index)}
               p={3}
               textAlign="center"
               bg={bgCard}