diff --git a/src/app.js b/src/app.js index a269351..809f3bc 100644 --- a/src/app.js +++ b/src/app.js @@ -12,6 +12,42 @@ function Card(data) { ) } + function CardImg(data) { + return ( +
+

{data.Username}

+ Avatar +
+

{data.Closed}

+

{data.UserID}

+
+
+ ) + } + +class Pending extends React.Component { + state = { + pending: [] + } + componentDidMount() { + const apiUrl = 'https://thanos.nightmare.haus/api/pending'; + fetch(apiUrl) + .then((response) => response.json()) + .then((data) => this.setState({pending: data})); + } + render() { + return ( +
+ +
+ ); + } +} + class Verification extends React.Component { state = { @@ -36,5 +72,9 @@ class Verification extends React.Component { } } +export { + Pending, + Verification, +} export default Verification; \ No newline at end of file diff --git a/src/index.css b/src/index.css index b6cf1b2..c0a84b4 100644 --- a/src/index.css +++ b/src/index.css @@ -18,7 +18,19 @@ body { transition: 0.3s; position: relative; width: 300px; - height: 250px; + height: 200px; + padding: 10px; + background-color: #282c34; + color: #FFFFFF; + } + .card-img { + /* Add shadows to create the "card" effect */ + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.137); + border-radius: 3%; + transition: 0.3s; + position: relative; + width: 300px; + height: 450px; padding: 10px; background-color: #282c34; color: #FFFFFF; diff --git a/src/index.js b/src/index.js index 3533de7..51fde59 100644 --- a/src/index.js +++ b/src/index.js @@ -1,11 +1,13 @@ import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; -import App from './App'; +import Verification from './App'; +import Pending from './App'; ReactDOM.render( - + + , document.getElementById('react_app') ); diff --git a/static/css/main.e5b81ba0.chunk.css b/static/css/main.e5b81ba0.chunk.css deleted file mode 100644 index f5658be..0000000 --- a/static/css/main.e5b81ba0.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.137);border-radius:3%;transition:.3s;position:relative;width:300px;height:250px;padding:10px;background-color:#282c34;color:#fff}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.795)}.container{padding:6px 16px}ul{list-style-type:none;margin:4;padding:20px;overflow:hidden;display:table;width:100%;list-style:none}li{float:left;display:table-cell;text-align:center;margin:5px}ul li div{display:block}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} -/*# sourceMappingURL=main.e5b81ba0.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.e5b81ba0.chunk.css.map b/static/css/main.e5b81ba0.chunk.css.map deleted file mode 100644 index 67d5f39..0000000 --- a/static/css/main.e5b81ba0.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack://src/index.css","webpack://src/App.css"],"names":[],"mappings":"AAAA,KACI,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CACA,MAEE,uCAA4C,CAC5C,gBAAiB,CACjB,cAAgB,CAChB,iBAAkB,CAClB,WAAY,CACZ,YAAa,CACb,YAAa,CACb,wBAAyB,CACzB,UACF,CAGA,YACE,wCACF,CAGA,WACE,gBACF,CAEA,GACE,oBAAqB,CACrB,QAAS,CACT,YAAa,CACb,eAAgB,CACd,aAAc,CACd,UAAW,CACX,eACJ,CAEA,GACE,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,UACF,CACA,UACE,aACF,CCtDF,KACE,iBACF,CAEA,UACE,aAAc,CACd,mBACF,CAEA,8CACE,UACE,mDAA4C,CAA5C,2CACF,CACF,CAEA,YACE,wBAAyB,CACzB,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UACF,CAEA,UACE,aACF,CAEA,iCACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAPA,yBACE,GACE,sBACF,CACA,GACE,uBACF,CACF","file":"main.e5b81ba0.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n }\n .card {\n /* Add shadows to create the \"card\" effect */\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.137);\n border-radius: 3%;\n transition: 0.3s;\n position: relative;\n width: 300px;\n height: 250px;\n padding: 10px;\n background-color: #282c34;\n color: #FFFFFF;\n }\n \n /* On mouse-over, add a deeper shadow */\n .card:hover {\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.795);\n }\n \n /* Add some padding inside the card container */\n .container {\n padding: 6px 16px;\n }\n \n ul {\n list-style-type: none;\n margin: 4;\n padding: 20px;\n overflow: hidden;\n display: table;\n width: 100%;\n list-style: none;\n }\n \n li {\n float: left;\n display: table-cell;\n text-align: center;\n margin: 5px;\n }\n ul li div {\n display: block;\n }",".App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n"]} \ No newline at end of file diff --git a/static/header.tpl b/static/header.tpl index 3df49b4..7455d26 100644 --- a/static/header.tpl +++ b/static/header.tpl @@ -9,7 +9,7 @@ - + diff --git a/static/js/2.2def0c6d.chunk.js b/static/js/2.2def0c6d.chunk.js deleted file mode 100644 index cfcbb08..0000000 --- a/static/js/2.2def0c6d.chunk.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see 2.2def0c6d.chunk.js.LICENSE.txt */ -(this.webpackJsonpthanos=this.webpackJsonpthanos||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(9)},function(e,t,n){"use strict";e.exports=n(10)},function(e,t,n){"use strict";var r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function o(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(l){return!1}}()?Object.assign:function(e,t){for(var n,u,i=o(e),c=1;c