Merge branch 'benphelps:main' into main

README.md

@@ -9,7 +9,7 @@
     - Docker Integration
       - Status light + CPU, Memory & Network Reporting *(click on the status light)*
     - Service Integration
-      - Currently supports Sonarr, Radarr, Ombi, Emby, Jellyfin, Jellyseerr, NZBGet, ruTorrent
+      - Currently supports Sonarr, Radarr, Ombi, Emby, Jellyfin, Jellyseerr ([thanks to ilusi0n](https://github.com/benphelps/homepage/pull/34)), NZBGet, ruTorrent
       - Portainer, Traefik, Speedtest Tracker, PiHole
   * Homepage Widgets
     - System Stats (Disk, CPU, Memory)

src/components/services/item.jsx

@@ -21,14 +21,19 @@ function resolveIcon(icon) {
 
 export default function Item({ service }) {
   return (
-    <li key={service.name} className="">
+    <li key={service.name}>
       <Disclosure>
-        <div className="transition-all h-15 overflow-hidden mb-3 cursor-pointer p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10">
+        <div className={
+          (service.href && service.href !== "#" ? 'cursor-pointer ' : 'cursor-default ') +
+          'transition-all h-15 overflow-hidden mb-3 p-1 rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/40 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10'
+          }>
           <div className="flex">
             {service.icon && (
               <div
                 onClick={() => {
-                  window.open(service.href, "_blank").focus();
+                  if (service.href && service.href !== "#") {
+                    window.open(service.href, "_blank").focus();
+                  }
                 }}
                 className="flex-shrink-0 flex items-center justify-center w-12 "
               >
@@ -38,7 +43,9 @@ export default function Item({ service }) {
 
             <div
               onClick={() => {
-                window.open(service.href, "_blank").focus();
+                if (service.href && service.href !== "#") {
+                  window.open(service.href, "_blank").focus();
+                }
               }}
               className="flex-1 flex items-center justify-between rounded-r-md "
             >
@@ -48,7 +55,7 @@ export default function Item({ service }) {
               </div>
             </div>
             {service.container && (
-              <Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 ">
+              <Disclosure.Button as="div" className="flex-shrink-0 flex items-center justify-center w-12 cursor-pointer">
                 <Status service={service} />
               </Disclosure.Button>
             )}

src/skeleton/services.yaml

@@ -3,15 +3,15 @@
 
 - My First Group:
     - My First Service:
-        href: http://localhosdt/
+        href: http://localhost/
         description: Homepage is awesome
 
 - My Second Group:
     - My Second Service:
-        href: http://localhosdt/
+        href: http://localhost/
         description: Homepage is the best
 
 - My Third Group:
     - My Third Service:
-        href: http://localhosdt/
+        href: http://localhost/
         description: Homepage is 😎