diff --git a/Build/Sources/components/SingleComponents/SingleAuthorComponent.jsx b/Build/Sources/components/SingleComponents/SingleAuthorComponent.jsx index c06281e43..424b9c814 100644 --- a/Build/Sources/components/SingleComponents/SingleAuthorComponent.jsx +++ b/Build/Sources/components/SingleComponents/SingleAuthorComponent.jsx @@ -2,6 +2,8 @@ import { useState } from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faArrowUp, faArrowDown, faTrash } from '@fortawesome/free-solid-svg-icons' import React from "react"; +import InputComponent from "../forms/input/InputComponent"; +import SelectComponent from "../forms/select/SelectComponent"; export const SingleAuthorComponent = (props) => { @@ -23,74 +25,44 @@ export const SingleAuthorComponent = (props) => { return (
-
- {/**/} - Author - { - updateAuthorHandler('name', e.target.value); - }} - /> -
-
- {/**/} - Role - -
-
- {/**/} - E-Mail - { - updateAuthorHandler('email', e.target.value); - }} - /> -
-
- {/**/} - Company - { - updateAuthorHandler('company', e.target.value); - }} - /> -
+ { + updateAuthorHandler('name', value); + }} + /> + { + updateAuthorHandler('role', value); + }} + /> + { + updateAuthorHandler('email', value); + }} + /> + { + updateAuthorHandler('company', value); + }} + />
diff --git a/Build/Sources/components/SingleComponents/SingleModuleComponent.jsx b/Build/Sources/components/SingleComponents/SingleModuleComponent.jsx index 74e556d2e..4c5b9aa35 100644 --- a/Build/Sources/components/SingleComponents/SingleModuleComponent.jsx +++ b/Build/Sources/components/SingleComponents/SingleModuleComponent.jsx @@ -2,6 +2,9 @@ import { Fragment } from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faArrowUp, faArrowDown, faTrash } from '@fortawesome/free-solid-svg-icons' import React from "react"; +import SelectComponent from "../forms/select/SelectComponent"; +import TextareaComponent from "../forms/textarea/TextareaComponent"; +import InputComponent from "../forms/input/InputComponent"; export const SingleModuleComponent = (props) => { @@ -22,93 +25,62 @@ export const SingleModuleComponent = (props) => { return (
-
- { - updateModuleHandler('name', e.target.value); - }} - /> - Name -
-
- { - updateModuleHandler('key', e.target.value); - }} - /> - Key -
-
-