diff --git a/src/header/index.css b/src/header/index.css
index 3f6a9bd..ab02e59 100644
--- a/src/header/index.css
+++ b/src/header/index.css
@@ -4,6 +4,7 @@
}
.gradstyle
+
{
background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
-}
\ No newline at end of file
+}
diff --git a/src/header/index.js b/src/header/index.js
index d508e90..0e34563 100644
--- a/src/header/index.js
+++ b/src/header/index.js
@@ -6,12 +6,16 @@ import { NavLink } from "react-router-dom";
class NavBar extends Component {
render() {
return (
-
-
-
+
+
+
Rekognition
+
+
+
+
);
}
diff --git a/src/main/Homepage/embed/addnew.js b/src/main/Homepage/embed/addnew.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/main/Homepage/embed/card.js b/src/main/Homepage/embed/card.js
new file mode 100644
index 0000000..1ed3b96
--- /dev/null
+++ b/src/main/Homepage/embed/card.js
@@ -0,0 +1,46 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Card from "@material-ui/core/Card";
+import CardActionArea from "@material-ui/core/CardActionArea";
+import CardActions from "@material-ui/core/CardActions";
+import CardContent from "@material-ui/core/CardContent";
+import CardMedia from "@material-ui/core/CardMedia";
+import Typography from "@material-ui/core/Typography";
+
+const useStyles = makeStyles({
+ card: {
+ maxWidth: 100
+ }
+});
+
+export default function ImgMediaCard(props) {
+ const classes = useStyles();
+ const fileurl = "http://localhost:8000"+props.data.fileurl;
+
+ return (
+
+
+
+
+
+
+
+ {props.data.title}
+
+{/*
+ {props.data.created_on}
+ */}
+
+
+
+
+
+ );
+}
diff --git a/src/main/Homepage/embed/index.js b/src/main/Homepage/embed/index.js
index 98221a6..a439cbd 100644
--- a/src/main/Homepage/embed/index.js
+++ b/src/main/Homepage/embed/index.js
@@ -1,14 +1,43 @@
-import React, { Component } from 'react'
+import React, { Component } from "react";
import "./index.css";
+import EmbedService from "./result";
+import ImgMediaCard from "./card";
+const embedservice = new EmbedService();
class EmbedNow extends Component {
- render() {
- return (
-
- embed
-
- )
- }
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ contents: [{ id: "", title: "", fileurl: "", created_on: "" }]
+ };
+ }
+
+ componentDidMount() {
+ embedservice.getEmbeddingsList().then(result => {
+ this.setState({ contents: result.data });
+ });
+ }
+
+ render() {
+ const contents = this.state.contents;
+
+ return (
+
+ {contents.map(data => {
+ // console.log(data.id, data.fileurl);
+ // eslint-disable-next-line no-unused-expressions
+ return (
+
+ );
+ })}
+
+ );
+ }
}
-export default EmbedNow;
\ No newline at end of file
+export default EmbedNow;
diff --git a/src/main/Homepage/embed/result.js b/src/main/Homepage/embed/result.js
new file mode 100644
index 0000000..dbd7bbd
--- /dev/null
+++ b/src/main/Homepage/embed/result.js
@@ -0,0 +1,13 @@
+import "./index.css";
+import axios from "axios";
+
+const API_URL = "http://localhost:8000";
+
+export default class EmbedService {
+ constructor(){}
+
+ getEmbeddingsList() {
+ const url = `${API_URL}/api/faceid/`;
+ return axios.get(url).then(response => response.data);
+ }
+}