show dedicated server indicator

Author: Mario Reder

build/img/pc.svg

@@ -12,4 +12,5 @@ export interface Server {
   gameMode?: number
   version?: string
   passwordRequired?: boolean | null
+  isDedicated?: boolean
 }

build/img/server.svg

@@ -13,11 +13,11 @@
     display: flex;
     flex-wrap: wrap;
 
-    &-gamemode {
+    &-img {
       height: 18px;
-      width: 36px;
+      width: 27px;
 
-      & > img {
+      > img {
         height: 100%;
       }
     }

src/models/Server.model.ts

@@ -189,12 +189,19 @@ class Panel extends React.PureComponent<ServerPanelProps, ServerPanelState> {
           className='server-panel-header'
           onClick={this.onToggle}
         >
+          <div className='server-panel-header-img'>
+            <img src={`${
+              server.isDedicated
+                ? 'img/server.svg'
+                : 'img/pc.svg'
+            }`} />
+          </div>
           <div style={{ flex: '0 0 40px' }}>
             { server.countryCode || '' }
           </div>
           {
             gameMode &&
-            <div className='server-panel-header-gamemode'>
+            <div className='server-panel-header-img'>
               <img src={gameMode} />
             </div>
           }