diff --git a/admin/src/pages/Home/components/LinkItem/LinkItem.jsx b/admin/src/pages/Home/components/LinkItem/LinkItem.jsx
index caa8fa0..8c39551 100644
--- a/admin/src/pages/Home/components/LinkItem/LinkItem.jsx
+++ b/admin/src/pages/Home/components/LinkItem/LinkItem.jsx
@@ -1,15 +1,17 @@
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faExternalLink, faEye, faPencil, faTrash} from "@fortawesome/free-solid-svg-icons";
+import {faExternalLink, faEye, faPencil, faToggleOff, faToggleOn, faTrash} from "@fortawesome/free-solid-svg-icons";
 import Tag from "@/pages/Home/components/Tag";
 import {useContext, useEffect, useState} from "react";
 import LinkContext from "@/common/contexts/Link";
-import {deleteRequest} from "@/common/utils/RequestUtil.js";
+import {deleteRequest, patchRequest} from "@/common/utils/RequestUtil.js";
 import ModuleContext from "@/common/contexts/Module";
 import {createGravatarUrl} from "@/pages/Home/utils.js";
+import LinkDialog from "@/pages/Home/components/LinkDialog";
 import "./styles.sass";
 
 export const LinkItem = (props) => {
 
+    const [showDialog, setShowDialog] = useState(false);
     const [links, updateLinks] = useContext(LinkContext);
     const modules = useContext(ModuleContext);
     const [icon, setIcon] = useState("link");
@@ -19,6 +21,11 @@ export const LinkItem = (props) => {
         setIcon(modules[props.type]["icon"]);
     }, [modules]);
 
+    const switchState = async () => {
+        await patchRequest(`/link/${props.id}`, {isEnabled: !props.isEnabled});
+        updateLinks();
+    }
+
     const clickLink = () => window.open(`http://${props.domain}/${props.accessId}`, '_blank').focus();
 
     const deleteLink = async () => {
@@ -27,41 +34,46 @@ export const LinkItem = (props) => {
     }
 
     return (
-        <div className="link-item">
-            <div className="info-area">
-                <div className="module-info">
-                    <FontAwesomeIcon icon={["fas", icon]}/>
-                </div>
-                <div className="link-info">
-                    <h4>{props.title}</h4>
-                    <p>ID: {props.accessId} <FontAwesomeIcon className="link-external" icon={faExternalLink}
-                                                             onClick={clickLink}/></p>
-                </div>
+        <>
+            <LinkDialog module={props.type} isOpen={showDialog} close={() => setShowDialog(false)} editMode={true}
+                        meta={props.meta} accessId={props.accessId} title={props.title} tags={props.tags} id={props.id}/>
+            <div className="link-item">
+                <div className="info-area">
+                    <div className={"module-info" + (props.isEnabled ? "" : " module-disabled")}>
+                        <FontAwesomeIcon icon={["fas", icon]}/>
+                    </div>
+                    <div className="link-info">
+                        <h4>{props.title}</h4>
+                        <p>ID: {props.accessId} <FontAwesomeIcon className="link-external" icon={faExternalLink}
+                                                                 onClick={clickLink}/></p>
+                    </div>
 
-                <div className="tag-area">
-                    {props.tags?.map(tag => <Tag name={tag} key={tag}/>)}
+                    <div className="tag-area">
+                        {props.tags?.map(tag => <Tag name={tag} key={tag}/>)}
+                    </div>
+                </div>
+                <div className="right-area">
+                    <div className="view-area author-area">
+                        <img className="author-image" src={createGravatarUrl(props.creator.email)} alt=""/>
+                        <h3>{props.creator.username}</h3>
+                    </div>
+
+                    <div className="view-area">
+                        &#124;
+                    </div>
+
+                    <div className="view-area">
+                        <FontAwesomeIcon icon={faEye}/>
+                        <h3>{props.views}</h3>
+                    </div>
+
+                    <div className="action-area">
+                        <FontAwesomeIcon className="action-edit" icon={props.isEnabled ?  faToggleOn : faToggleOff} onClick={switchState}/>
+                        <FontAwesomeIcon className="action-edit" icon={faPencil} onClick={() => setShowDialog(true)}/>
+                        <FontAwesomeIcon className="action-delete" icon={faTrash} onClick={deleteLink}/>
+                    </div>
                 </div>
             </div>
-            <div className="right-area">
-                <div className="view-area author-area">
-                    <img className="author-image" src={createGravatarUrl(props.creator.email)} alt=""/>
-                    <h3>{props.creator.username}</h3>
-                </div>
-
-                <div className="view-area">
-                    &#124;
-                </div>
-
-                <div className="view-area">
-                    <FontAwesomeIcon icon={faEye} />
-                    <h3>{props.views}</h3>
-                </div>
-
-                <div className="action-area">
-                    <FontAwesomeIcon className="action-edit" icon={faPencil}/>
-                    <FontAwesomeIcon className="action-delete" icon={faTrash} onClick={deleteLink}/>
-                </div>
-            </div>
-        </div>
+        </>
     );
 }
\ No newline at end of file