diff --git a/src/components/PopupShare/PopupShare.tsx b/src/components/PopupShare/PopupShare.tsx
index 21605c9..b25df0e 100644
--- a/src/components/PopupShare/PopupShare.tsx
+++ b/src/components/PopupShare/PopupShare.tsx
@@ -19,3 +19,28 @@ export const PopupShare: React.FC<any> = ({ setClose, data }) => {
 
     useEffect(() => () => setCopy(false), []);
 
+
+    return (
+        <div className='share-popup-container'>
+            <div className='mobile-users-part-header share-header-popup'>
+                <span className='mobile-users-part-header-title'>Пригласить на демонстрацию</span>
+                <button onClick={closePopup} className='mobile-users-part-header-close-button'></button>
+            </div>
+            <div className='share-popup-data-container'>
+                <span className='share-popup-data-title'>Код подключения</span>
+                <input className='share-popup-data-input share-popup-data-input code' value={data.connection_code} readOnly></input>
+            </div>
+            <div className='border-line'></div>
+            <div className='share-popup-data-container'>
+                <span className='share-popup-data-title'>Ссылка для подключения</span>
+                <input className='share-popup-data-input href' value={window.location.href} readOnly></input>
+            </div>
+            <div className='share-popup-data-container'>
+                <button className='share-popup-copy-button '>
+                    <span className='share-popup-copy-button-icon'></span>
+                    <span onClick={copyLink} className='share-popup-copy-button-title'>{copy ? 'Скопировано' : 'Скопировать'}</span>
+                </button>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file