build(deps): bump dependencies (#2427)

* build(deps): bump dependencies

* build(deps): bump next to 12.0.8

* build(deps): bump swr to 1.1.2

* build(deps): bump more dependencies

* build(deps): bump husky to 7.0.4

* fix: remove user list button outlines

* build(deps): bump dependencies again

* build(deps): bump dependencies once more

src/components/Settings/Notifications/NotificationsDiscord.tsx

@@ -34,9 +34,11 @@ const NotificationsDiscord: React.FC = () => {
   const settings = useSettings();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/discord'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/discord');
 
   const NotificationsDiscordSchema = Yup.object().shape({
     botAvatarUrl: Yup.string()

src/components/Settings/Notifications/NotificationsEmail.tsx

@@ -58,9 +58,11 @@ const NotificationsEmail: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/email'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/email');
 
   const NotificationsEmailSchema = Yup.object().shape(
     {

src/components/Settings/Notifications/NotificationsGotify/index.tsx

@@ -30,9 +30,11 @@ const NotificationsGotify: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/gotify'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/gotify');
 
   const NotificationsGotifySchema = Yup.object().shape({
     url: Yup.string()

src/components/Settings/Notifications/NotificationsLunaSea/index.tsx

@@ -31,9 +31,11 @@ const NotificationsLunaSea: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/lunasea'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/lunasea');
 
   const NotificationsLunaSeaSchema = Yup.object().shape({
     webhookUrl: Yup.string()

src/components/Settings/Notifications/NotificationsPushbullet/index.tsx

@@ -31,9 +31,11 @@ const NotificationsPushbullet: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/pushbullet'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/pushbullet');
 
   const NotificationsPushbulletSchema = Yup.object().shape({
     accessToken: Yup.string().when('enabled', {

src/components/Settings/Notifications/NotificationsPushover/index.tsx

@@ -33,9 +33,11 @@ const NotificationsPushover: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/pushover'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/pushover');
 
   const NotificationsPushoverSchema = Yup.object().shape({
     accessToken: Yup.string()

src/components/Settings/Notifications/NotificationsSlack/index.tsx

@@ -29,9 +29,11 @@ const NotificationsSlack: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/slack'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/slack');
 
   const NotificationsSlackSchema = Yup.object().shape({
     webhookUrl: Yup.string()

src/components/Settings/Notifications/NotificationsTelegram.tsx

@@ -38,9 +38,11 @@ const NotificationsTelegram: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/telegram'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/telegram');
 
   const NotificationsTelegramSchema = Yup.object().shape({
     botAPI: Yup.string().when('enabled', {

src/components/Settings/Notifications/NotificationsWebPush/index.tsx

@@ -26,9 +26,11 @@ const NotificationsWebPush: React.FC = () => {
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
   const [isHttps, setIsHttps] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/webpush'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/webpush');
 
   useEffect(() => {
     setIsHttps(window.location.protocol.startsWith('https'));

src/components/Settings/Notifications/NotificationsWebhook/index.tsx

@@ -74,9 +74,11 @@ const NotificationsWebhook: React.FC = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
-  const { data, error, revalidate } = useSWR(
-    '/api/v1/settings/notifications/webhook'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR('/api/v1/settings/notifications/webhook');
 
   const NotificationsWebhookSchema = Yup.object().shape({
     webhookUrl: Yup.string()

src/components/Settings/SettingsJobsCache/index.tsx

@@ -77,10 +77,14 @@ interface Job {
 const SettingsJobs: React.FC = () => {
   const intl = useIntl();
   const { addToast } = useToasts();
-  const { data, error, revalidate } = useSWR<Job[]>('/api/v1/settings/jobs', {
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR<Job[]>('/api/v1/settings/jobs', {
     refreshInterval: 5000,
   });
-  const { data: cacheData, revalidate: cacheRevalidate } = useSWR<CacheItem[]>(
+  const { data: cacheData, mutate: cacheRevalidate } = useSWR<CacheItem[]>(
     '/api/v1/settings/cache',
     {
       refreshInterval: 10000,

src/components/Settings/SettingsMain.tsx

@@ -65,9 +65,11 @@ const SettingsMain: React.FC = () => {
   const { user: currentUser, hasPermission: userHasPermission } = useUser();
   const intl = useIntl();
   const { setLocale } = useLocale();
-  const { data, error, revalidate } = useSWR<MainSettings>(
-    '/api/v1/settings/main'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR<MainSettings>('/api/v1/settings/main');
   const { data: userData } = useSWR<UserSettingsGeneralResponse>(
     currentUser ? `/api/v1/user/${currentUser.id}/settings/main` : null
   );

src/components/Settings/SettingsPlex.tsx

@@ -96,10 +96,12 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
   const [availableServers, setAvailableServers] = useState<PlexDevice[] | null>(
     null
   );
-  const { data, error, revalidate } = useSWR<PlexSettings>(
-    '/api/v1/settings/plex'
-  );
-  const { data: dataSync, revalidate: revalidateSync } = useSWR<SyncStatus>(
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR<PlexSettings>('/api/v1/settings/plex');
+  const { data: dataSync, mutate: revalidateSync } = useSWR<SyncStatus>(
     '/api/v1/settings/plex/sync',
     {
       refreshInterval: 1000,

src/components/Settings/SettingsServices.tsx

@@ -165,12 +165,12 @@ const SettingsServices: React.FC = () => {
   const {
     data: radarrData,
     error: radarrError,
-    revalidate: revalidateRadarr,
+    mutate: revalidateRadarr,
   } = useSWR<RadarrSettings[]>('/api/v1/settings/radarr');
   const {
     data: sonarrData,
     error: sonarrError,
-    revalidate: revalidateSonarr,
+    mutate: revalidateSonarr,
   } = useSWR<SonarrSettings[]>('/api/v1/settings/sonarr');
   const [editRadarrModal, setEditRadarrModal] = useState<{
     open: boolean;

src/components/Settings/SettingsUsers/index.tsx

@@ -33,9 +33,11 @@ const messages = defineMessages({
 const SettingsUsers: React.FC = () => {
   const { addToast } = useToasts();
   const intl = useIntl();
-  const { data, error, revalidate } = useSWR<MainSettings>(
-    '/api/v1/settings/main'
-  );
+  const {
+    data,
+    error,
+    mutate: revalidate,
+  } = useSWR<MainSettings>('/api/v1/settings/main');
 
   if (!data && !error) {
     return <LoadingSpinner />;