update src/components/CircularProgressbar/index.js and src/components/Comments/index.js

master
mahdi 2 years ago
parent f619867153
commit 268b379a02
  1. 2
      src/components/CircularProgressbar/index.js
  2. 8
      src/components/Comments/index.js

@ -13,7 +13,7 @@ function CustomCircularProgressbar() {
<div style={{ width: 200, height: 200 }}> <div style={{ width: 200, height: 200 }}>
<CircularProgressbar value={percentage} text={`${percentage}%`} /> <CircularProgressbar value={percentage} text={`${percentage}%`} />
</div> </div>
<div style={{ width: 200, height: 200, marginTop : 20 }}> <div className="" style={{ width: 200, height: 200, marginTop: 20 }}>
<CircularProgressbarWithChildren <CircularProgressbarWithChildren
value={80} value={80}
styles={buildStyles({ styles={buildStyles({

@ -6,20 +6,20 @@ import positiveIcon from "./positive.svg";
import negativeIcon from "./negative.svg"; import negativeIcon from "./negative.svg";
import Avatar from "../Avatar"; import Avatar from "../Avatar";
import moment from "jalali-moment"; import moment from "jalali-moment";
import Button from '../Button'; import Button from "../Button";
export const Comments = ({ comments }) => { export const Comments = ({ comments }) => {
// connectToParent(comments); // connectToParent(comments);
const Comment = ({ comment }) => { const Comment = ({ comment }) => {
return ( return (
<div className="flex flex-col w-full"> <div className=" w-full flex flex-col">
<header className="w-full flex flex-row justify-between py-1"> <header className="w-full flex flex-row justify-between py-1">
<div className="flex flex-row items-end"> <div className="flex flex-row items-end">
<Avatar source={comment.userImage} size={60} rounded={true} /> <Avatar source={comment.userImage} size={60} rounded={true} />
<div className="flex flex-col"> <div className="flex flex-col">
<strong className="text-lg mr-2">{comment.username}</strong> <strong className="mr-2 text-lg">{comment.username}</strong>
<div <div
className="flex flex-row divide-x divide-gray-300 divided items-center" className="flex flex-row items-center divided divide-x divide-gray-300 "
style={{ direction: "ltr" }} style={{ direction: "ltr" }}
> >
<span className="px-2 text-xs text-gray-500"> <span className="px-2 text-xs text-gray-500">

Loading…
Cancel
Save