MigrateRepos
/
decentralized-video-chat
mirror of https://github.com/ianramzy/decentralized-video-chat.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Remove MediumPost example

This commit is contained in:
Rachel Ruderman 2020-07-03 00:47:44 -07:00
parent 6fb24350ad
commit 145d3c63d5
3 changed files with 0 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/MediumPost.html vendored
View File

@ -1,22 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Add React in One Minute</title>
</head>
<body>
<!-- We will put our React component inside this div. -->
<div id="react-container"></div>
<div id="react-footer"></div>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<!-- Load our React component. -->
<script src="react/MediumPost/index.js"></script>
<script src="react/Footer/index.js"></script>
</body>
</html>

57
public/react/MediumPost/index.js
View File

@ -1,57 +0,0 @@
var MediumPost = function MediumPost() {
var state = {
error: null,
isLoaded: false,
items: []
};
var error = state.error,
isLoaded = state.isLoaded,
items = state.items;
var recentItems = [];
for (var i = 0; i < 5; i++) {
recentItems.push(items[i]);
}
if (error) {
return React.createElement(
"div",
null,
"Error: ",
error.message
);
}
if (!isLoaded) {
return React.createElement(
"div",
null,
"Loading..."
);
}
return React.createElement(
"ul",
{ style: { listStyleType: "none",
width: "100%",
padding: "0"
} },
recentItems.map(function (item) {
return React.createElement(
"a",
{ style: { textDecoration: "none" }, href: item.link, key: item.title },
React.createElement(
"li",
{ style: { marginTop: "5px" } },
item.title
)
);
})
);
};
var domContainer = document.getElementById('react-container');
ReactDOM.render(React.createElement(MediumPost, null), domContainer);

41
src/MediumPost/index.js
View File

@ -1,41 +0,0 @@
const MediumPost = () => {
const state = {
error: null,
isLoaded: false,
items: []
};
const { error, isLoaded, items } = state;
const recentItems = [];
for(var i=0;i<5;i++){
recentItems.push(items[i]);
}
if (error) {
return <div>Error: {error.message}</div>;
}
if (!isLoaded) {
return <div>Loading...</div>;
}
return (
<ul style={{ listStyleType: "none",
width: "100%",
padding:"0",
}}>
{recentItems.map(item => (
<a style={{textDecoration: "none"}} href={item.link} key={item.title}>
<li style={{ marginTop: "5px",}}>
{item.title}
</li>
</a>
))}
</ul>
);
}
const domContainer = document.getElementById('react-container');
ReactDOM.render(<MediumPost/>, domContainer);