+
About
+
This app uses React, Redux, React Router and many other helpful libraries.
+
+);
+
+export default AboutPage;
\ No newline at end of file
diff --git a/FlexitimeUI/flexitimeui/src/components/common/Header.jsx b/FlexitimeUI/flexitimeui/src/components/common/Header.jsx
new file mode 100644
index 0000000..a4a1fcc
--- /dev/null
+++ b/FlexitimeUI/flexitimeui/src/components/common/Header.jsx
@@ -0,0 +1,69 @@
+import React, { useEffect, useState } from "react";
+import { NavLink } from "react-router-dom";
+import { withRouter } from "react-router";
+
+function Header(props) {
+
+
+ function getNavLinkClass(path) {
+ return props.location.pathname === path
+ ? "nav-item active"
+ : "nav-item";
+ }
+ return (
+ Loading...
;
+}
+export default Spinner;
\ No newline at end of file
diff --git a/FlexitimeUI/flexitimeui/src/components/common/TextInput.jsx b/FlexitimeUI/flexitimeui/src/components/common/TextInput.jsx
new file mode 100644
index 0000000..9c5b785
--- /dev/null
+++ b/FlexitimeUI/flexitimeui/src/components/common/TextInput.jsx
@@ -0,0 +1,40 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+const TextInput = ({ name, label, onChange, placeholder, value, error }) => {
+ let wrapperClass = "form-group";
+ if (error && error.length > 0) {
+ wrapperClass += " has-error";
+ }
+
+ return (
+