diff --git a/src/App.js b/src/App.js
index 644d80f..3a8a516 100644
--- a/src/App.js
+++ b/src/App.js
@@ -33,6 +33,9 @@ export class App extends Component {
Cameras
+
+ Lenses
+
Films
diff --git a/src/Routes.js b/src/Routes.js
index fc7b8d2..a0ea116 100644
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -6,6 +6,7 @@ import {
HomeView,
OopsView,
} from '//views';
+import {LensesAddView} from './views/Lenses/LensesAddView';
export const Routes = () => (
@@ -13,6 +14,7 @@ export const Routes = () => (
+
);
diff --git a/src/views/Camera/CameraAddView.js b/src/views/Camera/CameraAddView.js
index fd65e18..a5d3cee 100644
--- a/src/views/Camera/CameraAddView.js
+++ b/src/views/Camera/CameraAddView.js
@@ -6,7 +6,6 @@ import {
CardFooter,
CardTitle,
Col,
- Form,
Row,
} from '//components/Bootstrap';
import { DOMForm } from '//components';
@@ -64,6 +63,11 @@ export function CameraAddView (props) {
name="model"
required
/>
+
-
-
-
-
-
+
+
diff --git a/src/views/Film/FilmAddView.js b/src/views/Film/FilmAddView.js
index 0fe9944..426c250 100644
--- a/src/views/Film/FilmAddView.js
+++ b/src/views/Film/FilmAddView.js
@@ -1,5 +1,3 @@
-import { linkEvent, Component } from 'inferno';
-
import {
Button,
Card,
@@ -8,11 +6,11 @@ import {
CardFooter,
CardTitle,
Col,
- Form,
Row,
} from '//components/Bootstrap';
import { FormBlock } from '//components/Form';
+import { DOMForm } from '//components';
/*
* Fields from AnalogExif
@@ -24,92 +22,91 @@ import { FormBlock } from '//components/Form';
* ISO Rating
*/
-export class FilmAddView extends Component {
- constructor (props) {
- super(props);
+function logFormData (formData) {
+ const data = {};
+ formData.forEach((value, key) => {
+ data[key] = value;
+ });
+ console.log(data);
+}
- this.state = {
- form: {
- valid: {},
- values: {},
- },
- };
- }
+function handleFormChange (formData) {
+ // logFormData(formData);
+}
- handleFormChange (instance, e) {
- instance.setState({
- form: {
- ...instance.state.form,
- values: {
- ...instance.state.form.values,
- [e.target.id]: e.target.value,
- },
- },
- });
- }
+function handleSave (formData) {
+ logFormData(formData);
+}
- render () {
- return (
-
-
-
-
-
- );
- }
-}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
diff --git a/src/views/Lenses/LensesAddView.js b/src/views/Lenses/LensesAddView.js
index 84cd820..3d639ef 100644
--- a/src/views/Lenses/LensesAddView.js
+++ b/src/views/Lenses/LensesAddView.js
@@ -1,3 +1,16 @@
+import {
+ Button,
+ Card,
+ CardBody,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ Col,
+ Row,
+} from '//components/Bootstrap';
+
+import {FormBlock} from '//components/Form';
+import {DOMForm} from '//components';
/*
* Fields from AnalogExif
*
@@ -7,9 +20,71 @@
* Maximum Aperture
*/
-export const LensesAddView = () => {
- return (
-
- );
-};
+function logFormData (formData) {
+ const data = {};
+ formData.forEach((value, key) => {
+ data[key] = value;
+ });
+ console.log(data);
+}
+function handleFormChange (formData) {
+ // logFormData(formData);
+}
+
+function handleSave (formData) {
+ logFormData(formData);
+}
+
+export function LensesAddView () {
+ return (
+
+
+
+
+
+ Add a Lens
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}