diff --git a/frontend/src/components/ProfileListItem/ProfileListItem.js b/frontend/src/components/ProfileListItem/ProfileListItem.js index 761cf669..0033da60 100644 --- a/frontend/src/components/ProfileListItem/ProfileListItem.js +++ b/frontend/src/components/ProfileListItem/ProfileListItem.js @@ -12,6 +12,7 @@ import VpnKeyIcon from '@material-ui/icons/VpnKey'; import useStyles from "../../pages/wallet/styles"; import SqueakUserAvatar from "../../components/SqueakUserAvatar"; +import SqueakProfileFollowingIndicator from "../../components/SqueakProfileFollowingIndicator"; import { @@ -71,6 +72,9 @@ export default function ProfileListItem({ {`Address: ${address}`} + ) } diff --git a/frontend/src/components/SqueakProfileDetailItem/SqueakProfileDetailItem.js b/frontend/src/components/SqueakProfileDetailItem/SqueakProfileDetailItem.js index 36c2f4e6..05979473 100644 --- a/frontend/src/components/SqueakProfileDetailItem/SqueakProfileDetailItem.js +++ b/frontend/src/components/SqueakProfileDetailItem/SqueakProfileDetailItem.js @@ -26,6 +26,8 @@ import Avatar from '@material-ui/core/Avatar'; import MoreVertIcon from '@material-ui/icons/MoreVert'; import VpnKeyIcon from '@material-ui/icons/VpnKey'; +import NotificationsActiveIcon from '@material-ui/icons/NotificationsActive'; +import NotificationsNoneIcon from '@material-ui/icons/NotificationsNone'; // styles import useStyles from "./styles"; @@ -37,6 +39,7 @@ import ExportPrivateKeyDialog from "../../components/ExportPrivateKeyDialog"; import ConfigureProfileDialog from "../../components/ConfigureProfileDialog"; import UpdateProfileImageDialog from "../../components/UpdateProfileImageDialog"; import ClearProfileImageDialog from "../../components/ClearProfileImageDialog"; +import SqueakProfileFollowingIndicator from "../../components/SqueakProfileFollowingIndicator"; import { @@ -248,6 +251,37 @@ export default function SqueakProfileDetailItem({ ) } + function FollowingIndicator() { + return ( + <> + + Following + + + ) + } + + function NotFollowingIndicator() { + return ( + <> + + Not Following + + + ) + } + + function IsFollowingContent() { + return ( + <> + {(squeakProfile.getFollowing()) + ? FollowingIndicator() + : NotFollowingIndicator() + } + + ) + } + return ( <> @@ -293,6 +327,9 @@ export default function SqueakProfileDetailItem({ {squeakProfile.getAddress()} +