✨ Add different URL for API calls

Fixes #163

src/components/AppShelf/AddAppShelfItem.tsx

@@ -111,6 +111,7 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
       apiKey: props.apiKey ?? (undefined as unknown as string),
       username: props.username ?? (undefined as unknown as string),
       password: props.password ?? (undefined as unknown as string),
+      openedUrl: props.openedUrl ?? (undefined as unknown as string),
     },
     validate: {
       apiKey: () => null,
@@ -208,6 +209,11 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
             placeholder="http://localhost:7575"
             {...form.getInputProps('url')}
           />
+          <TextInput
+            label="Opened url"
+            placeholder="http://sonarr.remote.com"
+            {...form.getInputProps('openedUrl')}
+          />
           <Select
             label="Service type"
             defaultValue="Other"

src/components/AppShelf/AppShelfItem.tsx

@@ -104,7 +104,8 @@ export function AppShelfItem(props: any) {
                   src={service.icon}
                   fit="contain"
                   onClick={() => {
-                    window.open(service.url);
+                    if (service.openedUrl) window.open(service.openedUrl, '_blank');
+                    else window.open(service.url);
                   }}
                 />
               </motion.i>

src/components/AppShelf/AppShelfMenu.tsx

@@ -31,6 +31,7 @@ export default function AppShelfMenu(props: any) {
           apiKey={service.apiKey}
           username={service.username}
           password={service.password}
+          openedUrl={service.openedUrl}
           message="Save service"
         />
       </Modal>

src/tools/types.ts

@@ -53,4 +53,5 @@ export interface serviceItem {
   apiKey?: string;
   password?: string;
   username?: string;
+  openedUrl?: string;
 }