From 3a575d402b8b9b563e4c02c7b3702ff24e913de6 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Sat, 15 May 2021 16:09:02 +0200
Subject: [PATCH] Chose role page.
---
src/components/AuthUser/ChoseRole/ChoseRole.md | 7 +++++++
src/components/AuthUser/ChoseRole/ChoseRole.tsx | 15 +++++++++++++++
2 files changed, 22 insertions(+)
create mode 100644 src/components/AuthUser/ChoseRole/ChoseRole.md
create mode 100644 src/components/AuthUser/ChoseRole/ChoseRole.tsx
diff --git a/src/components/AuthUser/ChoseRole/ChoseRole.md b/src/components/AuthUser/ChoseRole/ChoseRole.md
new file mode 100644
index 0000000..f62b0c2
--- /dev/null
+++ b/src/components/AuthUser/ChoseRole/ChoseRole.md
@@ -0,0 +1,7 @@
+Chose role.
+
+```
+const role = ["operator", "driver",];
+
+<ChoseRole role={role} />
+```
\ No newline at end of file
diff --git a/src/components/AuthUser/ChoseRole/ChoseRole.tsx b/src/components/AuthUser/ChoseRole/ChoseRole.tsx
new file mode 100644
index 0000000..6d0084c
--- /dev/null
+++ b/src/components/AuthUser/ChoseRole/ChoseRole.tsx
@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import Button from '@material-ui/core/Button';
+
+export const ChoseRole: FC = (props) => {
+ const { role } = props;
+ return (
+ <div data-testid="ChoseRole">
+ {role.map((el) => (
+ <Button variant="outlined" color="default">
+ {el}
+ </Button>
+ ))}
+ </div>
+ );
+};
--
GitLab