;
-
- return (
- (editComment)? editor :
-
- { walletAddress === comment.from ?
- [
-
You commented: , date,
-
Edit,
-
Delete
- ]:
- [
{comment.identity} commented:, date]
- }
-
-
{comment.contents}
-
-
- { commentError }
-
-
-
;
-
- return (
-
- {loading? loadingBlock:
- [,
-
,
- (!loading && comments.length === 0) && 'No comments yet. Be the first!',
- comments.filter(c => c.createdAt > 0).map((comment) => ([
-
- )
-}
-
-export default Comments
diff --git a/src/components/comments/comments.css b/src/components/comments/comments.css
deleted file mode 100644
index 178d5f7..0000000
--- a/src/components/comments/comments.css
+++ /dev/null
@@ -1,79 +0,0 @@
- .commentCorners {
- border-radius: 5px;
- border: 1px solid #B4C1CE;
- padding: 12px 8px;
- width: calc(100% - 100px);
- }
-
- .commentButton{
- border: none;
- margin: 5px;
- padding: 7px;
- border-radius: 5px;
- background-color: #1C385B;
- font-weight: 500;
- cursor: pointer;
- color: white;
- width:80px;
- }
-
- .comment {
- font-size: 14px;
- color: white;
- }
-
- .commentFrom {
- font-weight: 500;
- }
-
- .commentDate {
- margin: 0 5px;
- }
-
- .commentWrapper {
- /* padding: 10px; */
- }
-
- .commentHr {
- margin: 20px 0;
- background:#dce2ea;
- height: 1px;
- border:none;
- }
-
- .commentBottom {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- p {
- white-space: pre-wrap;
- }
-
- .commentText {
- margin: 5px;
- margin-left: 10px;
- font-size: 13px;
- }
-
- .commentEditText {
- margin-left: 5px;
- cursor: pointer;
- border-bottom: 1px dashed darkblue;
- font-size: 10px;
- }
-
- .commentDeleteText {
- margin-left: 5px;
- cursor: pointer;
- border-bottom: 1px dashed darkred;
- font-size: 10px;
- }
-
- .commentButtons {
- margin: 5px;
- display: block;
- align-items: center;
- justify-content: space-between;
- }
diff --git a/src/components/feed/feed.css b/src/components/feed/feed.css
index a1f16bf..ce572b6 100644
--- a/src/components/feed/feed.css
+++ b/src/components/feed/feed.css
@@ -14,11 +14,10 @@
font-weight: 400;
}
.no-post-to-show{
- background:url(http://neckcode.com/feed-show-ico.svg) no-repeat white;
display: block;
-text-align: center;
-padding: 30px;
-margin: 10px 0;
-border-radius: 6px;
-font-size:13px;
+ text-align: center;
+ padding: 30px;
+ margin: 10px 0;
+ border-radius: 6px;
+ font-size:13px;
}
diff --git a/src/components/post/Post.jsx b/src/components/post/Post.jsx
deleted file mode 100644
index eb9c692..0000000
--- a/src/components/post/Post.jsx
+++ /dev/null
@@ -1,197 +0,0 @@
-import "./post.css";
-import { useState, useEffect } from "react";
-import { useAppContext } from '../../context/AppContext';
-import { format } from "timeago.js";
-import { Link } from "wouter";
-import likeImg from '../../assets/like.png';
-import profileImg from '../../assets/profile-pic.jpg';
-import Comments from '../comments/Comments'
-import PostEditor from "./PostEditor";
-import CircularProgress from '@material-ui/core/CircularProgress';
-import { makeStyles } from '@material-ui/core/styles';
-
-import Snackbar from '@material-ui/core/Snackbar';
-import MuiAlert from '@material-ui/lab/Alert';
-
-function Alert(props) {
- return ;
-}
-
-const useStyles = makeStyles((theme) => ({
- root: {
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center'
- }
-}));
-
-export default function Post({ post, reloadPostCounts, reloadPostContent, renderDeletedPostImmediate }) {
- const EMPTY_MEDIA = '0x0000000000000000000000000000000000000000000000000000000000000000';
- const [showComments, setShowComments] = useState(false);
- const [editPost, setEditPost] = useState(false);
- const [commentsCount, setCommentsCount] = useState(post.commentsCount);
- const { walletAddress } = useAppContext();
- const [loadImgError, setLoadImgError] = useState(false);
- const [loadVideoError, setLoadVideoError] = useState(false);
- const [loading, setLoading] = useState(false);
- const [alert, setAlert] = useState(false);
- const [postError, setPostError] = useState(undefined);
-
- const classes = useStyles();
-
- const toggleShowComments = () => {
- setShowComments(!showComments);
- }
-
- const toggleEditPost = () => {
- setEditPost(!editPost);
- }
-
- const handleAlert = (event, reason) => {
- if (reason === 'clickaway') {
- return;
- }
- setAlert(false);
- };
-
- const deletePost = async () => {
- try {
- setLoading(true);
- await window.point.contract.send({contract: 'PointSocial', method: 'deletePost', params: [post.id]});
- await renderDeletedPostImmediate(post.id);
- }
- catch (e) {
- console.error('Error deleting post: ', e.message);
- setLoading(false);
- setPostError(`Error deleting post: ${e.message}`);
- setAlert(true);
- }
- }
-
- const addLikeToPost = async () => {
- try {
- setLoading(true);
- await window.point.contract.send({contract: 'PointSocial', method: 'addLikeToPost', params: [post.id]});
- reloadPostCounts(post.id);
- } catch (e) {
- console.error('Error updating likes: ', e.message);
- setPostError(`Error updating likes: ${e.message}`);
- setAlert(true);
- }
- finally {
- setLoading(false);
- }
- };
-
- const reloadPost = async (contents, image) => {
- toggleEditPost();
- try {
- setLoading(true);
- reloadPostContent(post.id, contents, image);
- }
- catch(e) {
- console.error('Error updating the post: ', e.message);
- setPostError(`Error updating the post: ${e.message}`);
- setAlert(true);
- }
- finally {
- setLoading(false);
- }
- }
-
- const reloadPostCounters = async () => {
- try {
- setLoading(true);
- const [likes, comments] = await reloadPostCounts(post.id);
- setCommentsCount(comments);
- }
- catch(e) {
- console.error('Error updating the post: ', e.message);
- setPostError(`Error updating the post: ${e.message}`);
- setAlert(true);
- }
- finally {
- setLoading(false);
- }
- }
-
- const onImgErrorHandler = (e) => {
- setLoadImgError(true);
- }
-
- const onVideoErrorHandler = (e) => {
- setLoadVideoError(true);
- }
-
- let mediaTag;
- if (!loadImgError){
- mediaTag = 
;
- }else{
- if(!loadVideoError){
- mediaTag = ;
- }else{
- mediaTag = '';
- }
- }
-
- const postedContent =
- const postedMedia = post.image !== EMPTY_MEDIA && mediaTag
- const postEdit = (walletAddress === post.from) && Edit
- const postDelete = (walletAddress === post.from) && Delete
- const postLoading =
-
- return (
-
- { loading? postLoading :
-
-
-
-
-
-
- {walletAddress === post.from ?
You posted :
{post.identity}}
-
-
- {format(post.createdAt)}
-
-
-
- {
- editPost?
-
:
- [postedContent, postedMedia]
- }
-
-
-
-
-
{post.likesCount} people like it
-
-
- {commentsCount} comments
- { (parseInt(commentsCount) === 0) && postEdit }
- { (parseInt(commentsCount) === 0) && postDelete }
-
-
-
- {showComments && }
-
-
- }
-
-
- { postError }
-
-
-
;
- } else {
- if(!loadVideoError) {
- mediaTag = ;
- } else {
- mediaTag = '';
- }
- }
-
- const postedMedia = (media !== EMPTY_MEDIA) && mediaTag
-
- const setSaving = (saving) => {
- setBtnEnabled(!saving);
- saving ? setBtnLabel('Saving...') : setBtnLabel(DEFAULT_BTN_LABEL);
- }
-
- const cancelEditing = () => {
- setSaving(false);
- setBtnEnabled(false);
- toggleEditPost();
- }
-
- const submitHandler = async (e) => {
- e.preventDefault();
- setSaving(true);
-
- try {
- // Save the post content to the storage layer and keep the storage id
- let {data: storageId} = (contents && contents.trim().length > 0)? await window.point.storage.putString({data: contents}) : { data: EMPTY_CONTENT };
- let imageId = media;
- if(selectedFile){
- const formData = new FormData()
- formData.append("postfile", selectedFile);
- const res = await window.point.storage.postFile(formData);
- imageId = res.data;
- }
- // Save the post contents storage id in the PoinSocial Smart Contract
- await PostManager.editPost(post.id, storageId, imageId);
- setSaving(false);
- setContents('');
- setSelectedFile();
- setBtnEnabled(false);
- try { fileInputRef.current.value = null } catch (error) {}
- reloadPost(contents, imageId);
- } catch (e) {
- console.error('Error sharing post: ', e.message);
- setSaving(false);
- setContents('');
- setSelectedFile();
- setBtnEnabled(false);
- try { fileInputRef.current.value = null } catch (error) {}
- }
- };
-
- return (
-
- );
-}
diff --git a/src/components/post/post.css b/src/components/post/post.css
deleted file mode 100644
index 3a58d3b..0000000
--- a/src/components/post/post.css
+++ /dev/null
@@ -1,119 +0,0 @@
- .post {
- width: 100%;
- border-radius: 6px;
- -webkit-box-shadow: 0px 0px 16px -8px rgba(172, 173, 181, 0.68);
- box-shadow: 0px 0px 16px -8px rgba(172, 173, 181, 0.68);
- margin: 12px 0;
- }
-
- .postWrapper {
- padding: 15px;
- }
-
- .postImage {
- padding: 0;
- display: block;
- margin: 0 auto;
- max-height: 100%;
- max-width: 100%;
- }
-
- .postText {
- display: flex;
- margin-top: 10px;
- margin-bottom: 10px;
- }
-
- .postTop {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .postTopLeft {
- display: flex;
- align-items: center;
- }
-
- .postProfileImg {
- width: 32px;
- height: 32px;
- border-radius: 50%;
- object-fit: cover;
- }
-
- .postUsername {
- font-size: 15px;
- font-weight: 500;
- margin: 0 10px;
- }
-
- .postDate{
- font-size: 12px;
- }
-
- .postCenter{
- margin: 20px 0;
- }
-
- .postImg{
- margin-top: 20px;
- width: 100%;
- max-height: 500px;
- object-fit: contain;
- }
-
- .postBottom{
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .postBottomLeft{
- display: flex;
- align-items: center;
- }
-
- .likeIcon{
- width: 24px;
- height: 24px;
- margin-right: 5px;
- cursor: pointer;
- }
-
- .postLikeCounter{
- font-size: 15px;
- }
-
- .postCommentText{
- cursor: pointer;
- border-bottom: 1px dashed gray;
- font-size: 15px;
- }
-
- .postEditText{
- margin-left: 5px;
- cursor: pointer;
- border-bottom: 1px dashed darkblue;
- font-size: 10px;
- }
-
- .postDeleteText{
- margin-left: 5px;
- cursor: pointer;
- border-bottom: 1px dashed darkred;
- font-size: 10px;
- }
-
- .comments {
- margin-top: 10px;
- }
- .postDate{
- color:rgb(148, 159, 173);
- }
- .posted-id{
- color:#1c385b;
- }
- p {
- white-space: pre-wrap;
- }
\ No newline at end of file
diff --git a/src/components/post/postEditor.css b/src/components/post/postEditor.css
deleted file mode 100644
index 158bde9..0000000
--- a/src/components/post/postEditor.css
+++ /dev/null
@@ -1,65 +0,0 @@
-.postEditor {
- width: 100%;
- border-radius: 6px;
- -webkit-box-shadow: 0px 0px 16px -8px rgba(172, 173, 181, 0.68);
- box-shadow: 0px 0px 16px -8px rgba(172, 173, 181, 0.68);
-}
-
-.editHr {
- margin: 20px 0;
- background:#dce2ea;
- height: 1px;
- border:none;
-}
-
-.editInput {
- border: none;
- width: 100%;
-}
-
-.editInput:focus {
- outline: none;
-}
-
-.editBottom {
- margin-top: 5px;
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- width: 100%;
-}
-
-.editOptions{
- display: flex;
- /* margin-left: 20px; */
-}
-
-.editFilePicker {
- display: flex;
- align-items: center;
- margin-right: 15px;
- cursor: pointer;
-}
-
-.editIcon {
- font-size: 18px;
- margin-right: 3px;
-}
-
-.editOptionText{
- font-size: 14px;
- font-weight: 500;
-}
-
-.editButton {
- border: none;
- border-radius: 5px;
- margin-left: 5px;
- background-color: #1C385B;
- font-weight: 500;
- cursor: pointer;
- color: white;
- width:80px;
-}
-
-
diff --git a/src/components/share/Share.jsx b/src/components/share/Share.jsx
deleted file mode 100644
index 2fb45df..0000000
--- a/src/components/share/Share.jsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import "./share.css";
-import { AttachFileTwoTone } from "@material-ui/icons";
-import { useRef, useState } from "react";
-import profileImg from '../../assets/profile-pic.jpg';
-import { useAppContext } from '../../context/AppContext';
-
-import Snackbar from '@material-ui/core/Snackbar';
-import MuiAlert from '@material-ui/lab/Alert';
-import PostManager from "../../services/PostManager"
-
-function Alert(props) {
- return ;
-}
-
-export default function Share({reloadPosts}) {
- const DEFAULT_BTN_LABEL = 'Share'
- const EMPTY_IMAGE = '0x0000000000000000000000000000000000000000000000000000000000000000';
- const EMPTY_TEXT = '0x0000000000000000000000000000000000000000000000000000000000000000';
- const [selectedFile, setSelectedFile] = useState();
- const [contents, setContents] = useState('');
- const [btnLabel, setBtnLabel] = useState(DEFAULT_BTN_LABEL);
- const [alert, setAlert] = useState(false);
- const [btnEnabled, setBtnEnabled] = useState(false);
- const [shareError, setShareError] = useState(undefined);
- const { identity } = useAppContext();
-
- const fileInputRef = useRef()
-
- const onFileChange = event => {
- let fileToUpload = event.target.files[0];
- if(fileToUpload.type.startsWith('image') || fileToUpload.type.startsWith('video') ) {
- if (fileToUpload.size > 100 * 1024 * 1024){
- alert('Point Social only supports image and video until 100 MB. Please change to a smaller image or video file!')
- }
- setSelectedFile(event.target.files[0]);
- setBtnEnabled(true);
- } else {
- alert('Point Social only supports image and video uploads for now. Please change to an image or video file!')
- }
- };
-
- const handleAlert = (event, reason) => {
- if (reason === 'clickaway') {
- return;
- }
- setAlert(false);
- };
-
- const onContentsChange = event => {
- let newContents = event.target.value;
- setContents(newContents)
- setBtnEnabled(newContents && newContents.length > 0)
- }
-
- const setSaving = (saving) => {
- setBtnEnabled(!saving);
- saving ? setBtnLabel('Saving...') : setBtnLabel(DEFAULT_BTN_LABEL);
- }
-
- const submitHandler = async (e) => {
- e.preventDefault();
- setSaving(true);
-
- try {
- // Save the post content to the storage layer and keep the storage id
- let {data: storageId} = (contents && contents.trim().length > 0)? await window.point.storage.putString({data: contents}) : { data: EMPTY_TEXT };
- let imageId = EMPTY_IMAGE;
- if(selectedFile){
- const formData = new FormData()
- formData.append("postfile", selectedFile);
- const res = await window.point.storage.postFile(formData);
- imageId = res.data;
- }
- // Save the post contents storage id in the PoinSocial Smart Contract
- await PostManager.addPost(storageId, imageId)
- await reloadPosts();
- setSaving(false);
- setContents('');
- setSelectedFile();
- fileInputRef.current.value = null
- setBtnEnabled(false);
- } catch (e) {
- console.error('Error sharing post: ', e.message);
- setSaving(false);
- setContents('');
- setSelectedFile();
- fileInputRef.current.value = null
- setBtnEnabled(false);
- setShareError(e);
- setAlert(true);
- }
- };
-
- return (
-
-
-
-
-
-
-
-
-
-
-
- Error sharing post: {shareError && shareError.message}. Did you deploy the contract sucessfully?
-
-
-
-
-
- 
-
-
-
Point Social
-
-
-
-
-
-
-
-
-
- { walletAddress && profile &&
-
- }
-
-
-