From 00ab91453b751f19b2089b67b3298b18bc3b04dd Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Sun, 29 May 2022 18:35:45 +0200
Subject: [PATCH] added streaming information inputs placeholders

---
 .../app/src/pages/streaming_control/index.jsx | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/packages/app/src/pages/streaming_control/index.jsx b/packages/app/src/pages/streaming_control/index.jsx
index a0c72309..5cb68313 100644
--- a/packages/app/src/pages/streaming_control/index.jsx
+++ b/packages/app/src/pages/streaming_control/index.jsx
@@ -86,6 +86,7 @@ export default (props) => {
     return <div className="streamingControlPanel">
         <div>
             <h2><Icons.MdSettingsInputAntenna /> Connection Status</h2>
+
             <div>
                 <antd.Tag
                     color={isConnected ? "Blue" : "Red"}
@@ -96,8 +97,41 @@ export default (props) => {
             </div>
         </div>
 
+        <div>
+            <h2><Icons.MdInfoOutline /> Stream information</h2>
+
+            <div className="info">
+                <div className="label">
+                    <Icons.Tag />
+                    Title
+                </div>
+                <div className="value">
+                    <antd.Input
+                        placeholder="Stream Title"
+                        disabled
+                    />
+                </div>
+            </div>
+            
+            <div className="info">
+                <div className="label">
+                    <Icons.Grid />
+                    Category
+                </div>
+
+                <div className="value">
+                    <antd.Select
+                        disabled
+                    >
+
+                    </antd.Select>
+                </div>
+            </div>
+        </div>
+
         <div>
             <h2><Icons.Info /> Server info</h2>
+
             <div className="info">
                 <div className="label">
                     <Icons.Server />
@@ -109,6 +143,7 @@ export default (props) => {
                     </h4>
                 </div>
             </div>
+
             <div className="info">
                 <div className="label">
                     <Icons.Key />
@@ -124,6 +159,7 @@ export default (props) => {
                     </antd.Button>
                 </div>
             </div>
+
             <div className="info">
                 <div className="label">
                     <Icons.MdSettingsInputSvideo />