From 68d84f138b8d18dbf4c8f05307a9c377b34539da Mon Sep 17 00:00:00 2001
From: VieraBoschkova <vieraboschkova@gmail.com>
Date: Sun, 28 Feb 2021 20:48:15 +0100
Subject: [PATCH] feat: add button and link as button component

---
 client/src/components/Button/index.js        |  4 ++--
 client/src/components/LinkAsButton/index.js  | 12 ++++++++++++
 client/src/components/LinkAsButton/style.css |  0
 client/src/components/LinkAsButton/test.js   |  8 ++++++++
 4 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 client/src/components/LinkAsButton/index.js
 create mode 100644 client/src/components/LinkAsButton/style.css
 create mode 100644 client/src/components/LinkAsButton/test.js

diff --git a/client/src/components/Button/index.js b/client/src/components/Button/index.js
index 8c9a8e2..ba63122 100644
--- a/client/src/components/Button/index.js
+++ b/client/src/components/Button/index.js
@@ -1,8 +1,8 @@
 import React from 'react'
 
-function Button({textToDisplay}) {
+function Button({textToDisplay, classes, callback}) {
     return (
-        <button className="button">
+        <button className={classes} onClick={callback}>
             {textToDisplay}
         </button>
     )
diff --git a/client/src/components/LinkAsButton/index.js b/client/src/components/LinkAsButton/index.js
new file mode 100644
index 0000000..f9368d4
--- /dev/null
+++ b/client/src/components/LinkAsButton/index.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+function LinkAsButton({textToDisplay, classes, pathToRedicrect}) {
+    return (
+        <Link className={classes} to={pathToRedicrect}>
+            {textToDisplay}
+        </Link>
+    )
+}
+
+export default LinkAsButton
diff --git a/client/src/components/LinkAsButton/style.css b/client/src/components/LinkAsButton/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/LinkAsButton/test.js b/client/src/components/LinkAsButton/test.js
new file mode 100644
index 0000000..be4c604
--- /dev/null
+++ b/client/src/components/LinkAsButton/test.js
@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import LinkAsButton from '.';
+
+test('renders learn react link', () => {
+  render(<LinkAsButton />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});