#106 Create UnauthorizedCard component

src/components/UnauthorizedCard/UnauthorizedCard.js

@@ -0,0 +1,10 @@
+import { Card } from 'react-bootstrap';
+
+const UnauthorizedCard = () => (
+  <Card>
+    <Card.Header><Card.Title>Not authorized</Card.Title></Card.Header>
+    <Card.Body>Please log in to use the application.</Card.Body>
+  </Card>
+);
+
+export default UnauthorizedCard;

src/components/UnauthorizedCard/UnauthorizedCard.test.js

@@ -0,0 +1,12 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { render } from '@testing-library/react';
+import UnauthorizedCard from './UnauthorizedCard';
+
+test('renders card', () => {
+  const { getByText } = render(<UnauthorizedCard />);
+  const cardTitle = getByText('Not authorized');
+  expect(cardTitle).toBeInTheDocument();
+});

src/components/UnauthorizedCard/index.js

@@ -0,0 +1,3 @@
+import UnauthorizedCard from './UnauthorizedCard';
+
+export default UnauthorizedCard;