v2 about (#362)

* chore: remove unused assets

* feat: about ontime

* refactor: cleanup unused

apps/client/src/common/api/apiConstants.ts

@@ -12,9 +12,6 @@ export const APP_SETTINGS = ['appSettings'];
 export const VIEW_SETTINGS = ['viewSettings'];
 export const RUNTIME = ['runtimeStore'];
 
-// external stuff
-export const githubURL = 'https://api.github.com/repos/cpvalente/ontime/releases/latest';
-
 export const serverPort = import.meta.env.DEV ? STATIC_PORT : window.location.port;
 export const serverURL = import.meta.env.DEV ? `http://localhost:${serverPort}` : window.location.origin;
 export const websocketUrl = `ws://${window.location.hostname}:${serverPort}/ws`;

apps/client/src/common/api/ontimeApi.ts

@@ -1,9 +1,10 @@
 import axios from 'axios';
 import { Alias, OSCSettings, Settings, UserFields, ViewSettings } from 'ontime-types';
 
+import { apiRepoLatest } from '../../externals';
 import { InfoType } from '../models/Info';
 
-import { githubURL, ontimeURL } from './apiConstants';
+import { ontimeURL } from './apiConstants';
 
 /**
  * @description HTTP request to retrieve application settings
@@ -152,11 +153,19 @@ export const uploadData = async (file: string, setProgress: (value: number) => v
     .then((response) => response.data.id);
 };
 
+export type HasUpdate = {
+  url: string;
+  version: string;
+};
+
 /**
  * @description HTTP request to get the latest version and url from github
  * @return {Promise}
  */
-export async function getLatestVersion(): Promise<object> {
-  const res = await axios.get(`${githubURL}`);
-  return { url: res.data.html_url, version: res.data.tag_name };
+export async function getLatestVersion(): Promise<HasUpdate> {
+  const res = await axios.get(`${apiRepoLatest}`);
+  return {
+    url: res.data.html_url as string,
+    version: res.data.tag_name as string,
+  };
 }

apps/client/src/common/components/buttons/QuitIconBtn.tsx

@@ -18,6 +18,7 @@ import { useEmitLog } from '../../stores/logger';
 interface QuitIconBtnProps {
   clickHandler: () => void;
   size?: Size;
+  disabled?: boolean;
 }
 
 const quitBtnStyle = {
@@ -27,6 +28,10 @@ const quitBtnStyle = {
   _hover: {
     background: '#D20300', // $red-700
     color: 'white',
+    _disabled: {
+      color: '#D20300', // $red-700
+      background: 'none',
+    },
   },
   _active: {
     background: '#9A0000', // $red-1000
@@ -37,7 +42,7 @@ const quitBtnStyle = {
 };
 
 export default function QuitIconBtn(props: QuitIconBtnProps) {
-  const { clickHandler, size = 'lg', ...rest } = props;
+  const { clickHandler, size = 'lg', disabled, ...rest } = props;
   const [isOpen, setIsOpen] = useState(false);
   const { emitInfo } = useEmitLog();
   const onClose = () => setIsOpen(false);
@@ -65,6 +70,7 @@ export default function QuitIconBtn(props: QuitIconBtnProps) {
           size={size}
           icon={<FiPower />}
           onClick={() => setIsOpen(true)}
+          isDisabled={disabled}
           {...quitBtnStyle}
           {...rest}
         />
@@ -75,9 +81,7 @@ export default function QuitIconBtn(props: QuitIconBtnProps) {
             <AlertDialogHeader fontSize='lg' fontWeight='bold'>
               Ontime Shutdown
             </AlertDialogHeader>
-            <AlertDialogBody>
-              This will shutdown the program and all running servers. Are you sure?
-            </AlertDialogBody>
+            <AlertDialogBody>This will shutdown the program and all running servers. Are you sure?</AlertDialogBody>
             <AlertDialogFooter>
               <Button ref={cancelRef} onClick={onClose} variant='ghost'>
                 Cancel