Update admin system

src/Components/ResourcePageComponents/Sobre.js

@@ -22,6 +22,7 @@ import styled from 'styled-components'
 import Grid from '@material-ui/core/Grid';
 import {Link} from 'react-router-dom'
 import {NoIcon} from '../ContactButtons/FollowButton.js'
+import {NoIconFollowing} from '../ContactButtons/FollowingButton.js'
 import Collapse from '@material-ui/core/Collapse';
 import SdCardIcon from '@material-ui/icons/SdCard';
 import TranslateIcon from '@material-ui/icons/Translate';
@@ -136,6 +137,9 @@ export default function Sobre (props) {
 
     let windowWidth = window.innerWidth
 
+    const [followed, setFollowed] = useState(props.followed)
+    const toggleFollowed = () => {setFollowed(!followed)}
+
     return (
         <Grid container style={{paddingRight : "15px", paddingLeft : "15px"}}>
 
@@ -198,10 +202,19 @@ export default function Sobre (props) {
                     <div style={{paddingTop : "0.75em", display : "flex", justifyContent : "center"}}>
                     {
                         (props.id !== state.currentUser.id) &&
-                        <>
-                        <NoIcon followableID={props.id}/>
-                        <ContactCardOptions followableID={props.id}/>
-                        </>
+                        followed ? (
+                            <>
+                            <NoIconFollowing followableID={props.id} toggleFollowed={toggleFollowed}/>
+                            <ContactCardOptions followableID={props.id}/>
+                            </>
+                        )
+                        :
+                        (
+                            <>
+                            <NoIcon followableID={props.id} toggleFollowed={toggleFollowed}/>
+                            <ContactCardOptions followableID={props.id}/>
+                            </>
+                        )
                     }
                     </div>
                 </MetasObjeto>