Activate all download buttons (#109)

kolplattformen · Feb 14, 2021 · ac7aee4 · ac7aee4 · vercel · Feb 14, 2021
1 parent dd5dc03
commit ac7aee4
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 16 deletions.
diff --git a/packages/site/components/CtaThree.js b/packages/site/components/CtaThree.js
@@ -1,6 +1,7 @@
 import { Col, Container, Row } from 'react-bootstrap'
 import Image from 'next/image'
 import img2 from '../assets/img/girls.png'
+import DownloadButtons from './DownloadButtons'
 
 const CtaThree = () => {
   return (
@@ -16,14 +17,8 @@ const CtaThree = () => {
                 direkt se allt som är aktuellt för alla barnen på en och samma
                 skärm.
               </p>
-              <a
-                href="https://apps.apple.com/se/app/%C3%B6ppna-skolplattformen/id1543853468"
-                className="btn"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                App Store
-              </a>
+              <DownloadButtons/>
+
             </div>
           </Col>
           <Col lg={7} sm={7}>

diff --git a/packages/site/components/CtaTwo.js b/packages/site/components/CtaTwo.js
@@ -1,6 +1,7 @@
 import { Col, Container, Row } from 'react-bootstrap'
 import Image from 'next/image'
 import img1 from '../assets/img/boys.png'
+import DownloadButtons from './DownloadButtons'
 
 const CtaTwo = () => {
   return (
@@ -20,14 +21,7 @@ const CtaTwo = () => {
                 kommunikation går direkt mellan din telefon och Skolplattformens
                 servrar. Du loggar in med BankID som vanligt.
               </p>
-              <a
-                href="https://apps.apple.com/se/app/%C3%B6ppna-skolplattformen/id1543853468"
-                className="btn"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                App Store
-              </a>
+              <DownloadButtons/>
             </div>
           </Col>
         </Row>

diff --git a/packages/site/components/DownloadButtons.js b/packages/site/components/DownloadButtons.js
@@ -0,0 +1,24 @@
+const CtaThree = () => {
+  return (
+    <>
+      <a
+        href="https://apps.apple.com/se/app/%C3%B6ppna-skolplattformen/id1543853468"
+        className="btn"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        App Store
+      </a>&nbsp;
+      <a
+        href="https://play.google.com/store/apps/details?id=org.skolplattformen.app"
+        className="btn"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Play Store
+      </a>
+    </>
+  )
+}
+
+export default CtaThree