feat(desktop-client): minor ui changes

BSoDium · Sep 25, 2021 · 57b7400 · 57b7400
1 parent de5fc4e
commit 57b7400
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/src/renderer/components/Server.tsx b/src/renderer/components/Server.tsx
@@ -23,6 +23,7 @@ import { faTrash, faPen, faSync } from '@fortawesome/free-solid-svg-icons';
 const statusColorMap: { [key: string]: string } = {
  active: '#00ff88',
  'access denied': 'rgb(226, 178, 19)',
+ 'incompatible API': 'rgb(226, 178, 19)',
  down: '#ff001e',
 };
 
@@ -165,9 +166,8 @@ class Server extends React.Component<Props, State> {
  status :{' '}
  <span
  style={{
- color: statusColorMap[response.data?.status]
- ? statusColorMap[response.data.status]
- : '#f55840',
+ color:
+ statusColorMap[response.data?.status || 'incompatible API'],
  fontWeight: 'bold',
  }}
  >

diff --git a/src/renderer/components/TitleBar.tsx b/src/renderer/components/TitleBar.tsx
@@ -1,7 +1,11 @@
 import React from 'react';
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCircle } from '@fortawesome/free-solid-svg-icons';
+import {
+ faTimesCircle,
+ faMinusCircle,
+ faStopCircle,
+} from '@fortawesome/free-solid-svg-icons';
 
 interface State {
  fullscreen: boolean;
@@ -32,7 +36,10 @@ class TitleBar extends React.Component<unknown, State> {
  window.electron.ipcRenderer.currentWindow.minimize();
  }}
  >
- <FontAwesomeIcon icon={faCircle} className="titlebar-minimize" />
+ <FontAwesomeIcon
+ icon={faMinusCircle}
+ className="titlebar-minimize"
+ />
  </button>
  <button
  type="button"
@@ -41,7 +48,10 @@ class TitleBar extends React.Component<unknown, State> {
  window.electron.ipcRenderer.currentWindow.maximize();
  }}
  >
- <FontAwesomeIcon icon={faCircle} className="titlebar-maximize" />
+ <FontAwesomeIcon
+ icon={faStopCircle}
+ className="titlebar-maximize"
+ />
  </button>
  <button
  type="button"
@@ -50,7 +60,7 @@ class TitleBar extends React.Component<unknown, State> {
  window.electron.ipcRenderer.currentWindow.close();
  }}
  >
- <FontAwesomeIcon icon={faCircle} className="titlebar-close" />
+ <FontAwesomeIcon icon={faTimesCircle} className="titlebar-close" />
  </button>
  </div>
  </div>