From 85025970baa7eae5d1f709785017f5c4917e8815 Mon Sep 17 00:00:00 2001
From: StevanFreeborn <sfreeborn7@gmail.com>
Date: Tue, 19 Jul 2022 09:26:56 -0500
Subject: [PATCH] begin adding ability to fetch different datasets from home
 page

---
 client/src/components/dataButton.js       | 11 +++++++++++
 client/src/components/dataButtonHolder.js | 17 +++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 client/src/components/dataButton.js
 create mode 100644 client/src/components/dataButtonHolder.js

diff --git a/client/src/components/dataButton.js b/client/src/components/dataButton.js
new file mode 100644
index 0000000..0653a2a
--- /dev/null
+++ b/client/src/components/dataButton.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+export default function DataButton(props) {
+
+    return (
+        <button>
+            {props.label}
+        </button>
+    );
+
+}
\ No newline at end of file
diff --git a/client/src/components/dataButtonHolder.js b/client/src/components/dataButtonHolder.js
new file mode 100644
index 0000000..1d57eb1
--- /dev/null
+++ b/client/src/components/dataButtonHolder.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+
+export default function DataButtonHolder(props) {
+    return(
+        <Container fluid>
+
+            <Row className="d-flex flex-row justify-content-center align-items-center">
+                
+                {props.children}
+            
+            </Row>
+
+        </Container>
+    );
+}
\ No newline at end of file