WIP

src/components/pages/view-user.tsx

@@ -87,12 +87,23 @@ const ViewUser: FC = () => {
                     <br />
 
                     <div className="buttons">
-                        <button className="button is-success">
-                            <span className="icon is-small">
-                                <FontAwesomeIcon icon={faUserPlus} />
-                            </span>
-                            <span>Susbcribe</span>
-                        </button>
+                        {user.subscribed &&
+                            <button className="button is-danger">
+                                <span className="icon is-small">
+                                    <FontAwesomeIcon icon={faUserMinus} />
+                                </span>
+                                <span>Unsusbcribe</span>
+                            </button>
+                        }
+
+                        {user.subscribed &&
+                            <button className="button is-success">
+                                <span className="icon is-small">
+                                    <FontAwesomeIcon icon={faUserPlus} />
+                                </span>
+                                <span>Susbcribe</span>
+                            </button>
+                        }
 
                         {!isSelf &&
                             <button className="button is-danger">