Add option to manually edit the refresh interval

public/locales/en/modules/rss.json

@@ -7,7 +7,9 @@
       "rssFeedUrl": {
         "label": "RSS feeds urls",
         "description": "The urls of the RSS feeds you want to display from."
-      }
+      },
+      "refreshInterval": {
+        "label": "Refresh interval (in seconds)"
       }
     },
     "card": {
@@ -19,3 +21,4 @@
       }
     }
   }
+}

src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx

@@ -184,6 +184,7 @@ const WidgetOptionTypeSwitch: FC<{
     case 'slider':
       return (
         <Stack spacing="xs">
+          <Text>{t(`descriptor.settings.${key}.label`)}</Text>
           <Slider
             color={primaryColor}
             label={value}

src/widgets/rss/RssWidgetTile.tsx

@@ -32,6 +32,13 @@ const definition = defineWidget({
       type: 'multiple-text',
       defaultValue: ['https://github.com/ajnart/homarr/tags.atom'],
     },
+    refreshInterval: {
+      type: 'slider',
+      defaultValue: 60,
+      min: 30,
+      max: 300,
+      step: 30,
+    },
   },
   gridstack: {
     minWidth: 2,
@@ -48,11 +55,12 @@ interface RssTileProps {
   widget: IRssWidget;
 }
 
-export const useGetRssFeeds = (feedUrls: string[], widgetId: string) =>
+export const useGetRssFeeds = (feedUrls: string[], refreshInterval: number, widgetId: string) =>
   useQuery({
     queryKey: ['rss-feeds', feedUrls],
     // Cache the results for 24 hours
     cacheTime: 1000 * 60 * 60 * 24,
+    staleTime: 1000 * refreshInterval,
     queryFn: async () => {
       const responses = await Promise.all(
         feedUrls.map((feedUrl) =>
@@ -69,6 +77,7 @@ function RssTile({ widget }: RssTileProps) {
   const { t } = useTranslation('modules/rss');
   const { data, isLoading, isFetching, isError, refetch } = useGetRssFeeds(
     widget.properties.rssFeedUrl,
+    widget.properties.refreshInterval,
     widget.id
   );
   const { classes } = useStyles();