style: bump prettier and format app

.gitbook.yaml

@@ -1,5 +1,5 @@
 root: ./docs
 
 ​structure:
-    readme: README.md
+  readme: README.md
-    summary: SUMMARY.md​
+  summary: SUMMARY.md​

.github/FUNDING.yml

@@ -1,2 +1,2 @@
-github: [sct] 
+github: [sct]
 patreon: overseerr

package.json

@@ -131,7 +131,7 @@
     "lint-staged": "^11.0.0",
     "nodemon": "^2.0.7",
     "postcss": "^8.2.15",
-    "prettier": "^2.2.1",
+    "prettier": "^2.3.0",
     "semantic-release": "^17.4.3",
     "semantic-release-docker-buildx": "^1.0.1",
     "tailwindcss": "^2.1.2",

server/lib/notifications/agents/discord.ts

@@ -91,7 +91,8 @@ interface DiscordWebhookPayload {
 
 class DiscordAgent
   extends BaseAgent<NotificationAgentDiscord>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentDiscord {
     if (this.settings) {
       return this.settings;
@@ -217,11 +218,8 @@ class DiscordAgent
     let content = undefined;
 
     try {
-      const {
+      const { botUsername, botAvatarUrl, webhookUrl } =
-        botUsername,
+        this.getSettings().options;
-        botAvatarUrl,
-        webhookUrl,
-      } = this.getSettings().options;
 
       if (!webhookUrl) {
         return false;

server/lib/notifications/agents/email.ts

@@ -16,7 +16,8 @@ import { BaseAgent, NotificationAgent, NotificationPayload } from './agent';
 
 class EmailAgent
   extends BaseAgent<NotificationAgentEmail>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentEmail {
     if (this.settings) {
       return this.settings;

server/lib/notifications/agents/lunasea.ts

@@ -7,7 +7,8 @@ import { BaseAgent, NotificationAgent, NotificationPayload } from './agent';
 
 class LunaSeaAgent
   extends BaseAgent<NotificationAgentLunaSea>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentLunaSea {
     if (this.settings) {
       return this.settings;

server/lib/notifications/agents/pushbullet.ts

@@ -12,7 +12,8 @@ interface PushbulletPayload {
 
 class PushbulletAgent
   extends BaseAgent<NotificationAgentPushbullet>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentPushbullet {
     if (this.settings) {
       return this.settings;

server/lib/notifications/agents/pushover.ts

@@ -18,7 +18,8 @@ interface PushoverPayload {
 
 class PushoverAgent
   extends BaseAgent<NotificationAgentPushover>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentPushover {
     if (this.settings) {
       return this.settings;
@@ -170,13 +171,8 @@ class PushoverAgent
 
       const { accessToken, userToken } = this.getSettings().options;
 
-      const {
+      const { title, message, url, url_title, priority } =
-        title,
+        this.constructMessageDetails(type, payload);
-        message,
-        url,
-        url_title,
-        priority,
-      } = this.constructMessageDetails(type, payload);
 
       await axios.post(endpoint, {
         token: accessToken,

server/lib/notifications/agents/slack.ts

@@ -43,7 +43,8 @@ interface SlackBlockEmbed {
 
 class SlackAgent
   extends BaseAgent<NotificationAgentSlack>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentSlack {
     if (this.settings) {
       return this.settings;

server/lib/notifications/agents/telegram.ts

@@ -26,7 +26,8 @@ interface TelegramPhotoPayload {
 
 class TelegramAgent
   extends BaseAgent<NotificationAgentTelegram>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   private baseUrl = 'https://api.telegram.org/';
 
   protected getSettings(): NotificationAgentTelegram {

server/lib/notifications/agents/webhook.ts

@@ -40,7 +40,8 @@ const KeyMap: Record<string, string | KeyMapFunction> = {
 
 class WebhookAgent
   extends BaseAgent<NotificationAgentWebhook>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentWebhook {
     if (this.settings) {
       return this.settings;

server/lib/notifications/agents/webpush.ts

@@ -26,7 +26,8 @@ interface PushNotificationPayload {
 
 class WebPushAgent
   extends BaseAgent<NotificationAgentConfig>
-  implements NotificationAgent {
+  implements NotificationAgent
+{
   protected getSettings(): NotificationAgentConfig {
     if (this.settings) {
       return this.settings;

server/lib/scanners/baseScanner.ts

@@ -145,9 +145,8 @@ class BaseScanner<T> {
           existing[is4k ? 'externalServiceId4k' : 'externalServiceId'] !==
             externalServiceId
         ) {
-          existing[
+          existing[is4k ? 'externalServiceId4k' : 'externalServiceId'] =
-            is4k ? 'externalServiceId4k' : 'externalServiceId'
+            externalServiceId;
-          ] = externalServiceId;
           changedExisting = true;
         }
 
@@ -156,9 +155,8 @@ class BaseScanner<T> {
           existing[is4k ? 'externalServiceSlug4k' : 'externalServiceSlug'] !==
             externalServiceSlug
         ) {
-          existing[
+          existing[is4k ? 'externalServiceSlug4k' : 'externalServiceSlug'] =
-            is4k ? 'externalServiceSlug4k' : 'externalServiceSlug'
+            externalServiceSlug;
-          ] = externalServiceSlug;
           changedExisting = true;
         }
 
@@ -389,15 +387,13 @@ class BaseScanner<T> {
         }
 
         if (externalServiceId !== undefined) {
-          media[
+          media[is4k ? 'externalServiceId4k' : 'externalServiceId'] =
-            is4k ? 'externalServiceId4k' : 'externalServiceId'
+            externalServiceId;
-          ] = externalServiceId;
         }
 
         if (externalServiceSlug !== undefined) {
-          media[
+          media[is4k ? 'externalServiceSlug4k' : 'externalServiceSlug'] =
-            is4k ? 'externalServiceSlug4k' : 'externalServiceSlug'
+            externalServiceSlug;
-          ] = externalServiceSlug;
         }
 
         // If the show is already available, and there are no new seasons, dont adjust

server/lib/scanners/plex/index.ts

@@ -30,7 +30,8 @@ type SyncStatus = StatusBase & {
 
 class PlexScanner
   extends BaseScanner<PlexLibraryItem>
-  implements RunnableScanner<SyncStatus> {
+  implements RunnableScanner<SyncStatus>
+{
   private plexClient: PlexAPI;
   private libraries: Library[];
   private currentLibrary: Library;

server/lib/scanners/radarr/index.ts

@@ -10,7 +10,8 @@ type SyncStatus = StatusBase & {
 
 class RadarrScanner
   extends BaseScanner<RadarrMovie>
-  implements RunnableScanner<SyncStatus> {
+  implements RunnableScanner<SyncStatus>
+{
   private servers: RadarrSettings[];
   private currentServer: RadarrSettings;
   private radarrApi: RadarrAPI;

server/lib/scanners/sonarr/index.ts

@@ -16,7 +16,8 @@ type SyncStatus = StatusBase & {
 
 class SonarrScanner
   extends BaseScanner<SonarrSeries>
-  implements RunnableScanner<SyncStatus> {
+  implements RunnableScanner<SyncStatus>
+{
   private servers: SonarrSettings[];
   private currentServer: SonarrSettings;
   private sonarrApi: SonarrAPI;

server/migration/1608217312474-AddUserRequestDeleteCascades.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddUserRequestDeleteCascades1608219049304
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddUserRequestDeleteCascades1608219049304';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1608477467935-AddLastSeasonChangeMedia.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddLastSeasonChangeMedia1608477467935
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddLastSeasonChangeMedia1608477467935';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1608477467936-ForceDropImdbUniqueConstraint.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class ForceDropImdbUniqueConstraint1608477467935
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'ForceDropImdbUniqueConstraint1608477467936';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1609236552057-RemoveTmdbIdUniqueConstraint.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class RemoveTmdbIdUniqueConstraint1609236552057
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'RemoveTmdbIdUniqueConstraint1609236552057';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1610522845513-AddMediaAddedFieldToMedia.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddMediaAddedFieldToMedia1610522845513
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddMediaAddedFieldToMedia1610522845513';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1611757511674-SonarrRadarrSyncServiceFields.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class SonarrRadarrSyncServiceFields1611757511674
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'SonarrRadarrSyncServiceFields1611757511674';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1612482778137-AddResetPasswordGuidAndExpiryDate.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddResetPasswordGuidAndExpiryDate1612482778137
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddResetPasswordGuidAndExpiryDate1612482778137';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1613955393450-UpdateUserSettingsRegions.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class UpdateUserSettingsRegions1613955393450
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'UpdateUserSettingsRegions1613955393450';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1614334195680-AddTelegramSettingsToUserSettings.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddTelegramSettingsToUserSettings1614334195680
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddTelegramSettingsToUserSettings1614334195680';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1617624225464-CreateTagsFieldonMediaRequest.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class CreateTagsFieldonMediaRequest1617624225464
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'CreateTagsFieldonMediaRequest1617624225464';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1617730837489-AddUserSettingsNotificationAgentsField.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddUserSettingsNotificationAgentsField1617730837489
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddUserSettingsNotificationAgentsField1617730837489';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1618912653565-CreateUserPushSubscriptions.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class CreateUserPushSubscriptions1618912653565
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'CreateUserPushSubscriptions1618912653565';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/migration/1619339817343-AddUserSettingsNotificationTypes.ts

@@ -1,7 +1,8 @@
 import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class AddUserSettingsNotificationTypes1619339817343
-  implements MigrationInterface {
+  implements MigrationInterface
+{
   name = 'AddUserSettingsNotificationTypes1619339817343';
 
   public async up(queryRunner: QueryRunner): Promise<void> {

server/routes/media.ts

@@ -15,10 +15,8 @@ mediaRoutes.get('/', async (req, res, next) => {
   const pageSize = req.query.take ? Number(req.query.take) : 20;
   const skip = req.query.skip ? Number(req.query.skip) : 0;
 
-  let statusFilter:
+  let statusFilter: MediaStatus | FindOperator<MediaStatus> | undefined =
-    | MediaStatus
+    undefined;
-    | FindOperator<MediaStatus>
-    | undefined = undefined;
 
   switch (req.query.filter) {
     case 'available':

snap/snapcraft.yaml

@@ -11,22 +11,22 @@ confinement: strict
 parts:
   overseerr:
     plugin: nodejs
-    nodejs-version: "14.16.1"
+    nodejs-version: '14.16.1'
-    nodejs-package-manager: "yarn"
+    nodejs-package-manager: 'yarn'
     nodejs-yarn-version: v1.22.10
     build-packages:
       - git
       - on arm64:
-        - build-essential
+          - build-essential
-        - automake
+          - automake
-        - python-gi
+          - python-gi
-        - python-gi-dev
+          - python-gi-dev
       - on armhf:
-        - libatomic1
+          - libatomic1
-        - build-essential
+          - build-essential
-        - automake
+          - automake
-        - python-gi
+          - python-gi
-        - python-gi-dev
+          - python-gi-dev
     source: .
     override-pull: |
       snapcraftctl pull
@@ -56,7 +56,7 @@ parts:
       snapcraftctl set-version "$SNAP_VERSION"
       snapcraftctl set-grade "$GRADE"
     build-environment:
-      - PATH: "$SNAPCRAFT_PART_BUILD/node_modules/.bin:$SNAPCRAFT_PART_BUILD/../npm/bin:$PATH"
+      - PATH: '$SNAPCRAFT_PART_BUILD/node_modules/.bin:$SNAPCRAFT_PART_BUILD/../npm/bin:$PATH'
     override-build: |
       set -e
       # Set COMMIT_TAG before the build begins
@@ -72,11 +72,9 @@ parts:
       rm -rf $SNAPCRAFT_PART_INSTALL/.github && rm $SNAPCRAFT_PART_INSTALL/.gitbook.yaml
     stage-packages:
       - on armhf:
-        - libatomic1
+          - libatomic1
-    stage:
+    stage: [.next, ./*]
-      [ .next, ./* ]
+    prime: [.next, ./*]
-    prime:
-      [ .next, ./* ]
 
 apps:
   deamon:
@@ -89,8 +87,8 @@ apps:
       - network
       - network-bind
     environment:
-      PATH: "$SNAP/usr/sbin:$SNAP/usr/bin:$SNAP/sbin:$SNAP/bin:$PATH"
+      PATH: '$SNAP/usr/sbin:$SNAP/usr/bin:$SNAP/sbin:$SNAP/bin:$PATH'
-      OVERSEERR_SNAP: "True"
+      OVERSEERR_SNAP: 'True'
       CONFIG_DIRECTORY: $SNAP_USER_COMMON
-      LOG_LEVEL: "debug"
+      LOG_LEVEL: 'debug'
-      NODE_ENV: "production"
+      NODE_ENV: 'production'

src/components/CollectionDetails/index.tsx

@@ -60,9 +60,8 @@ const CollectionDetails: React.FC<CollectionDetailsProps> = ({
     }
   );
 
-  const { data: genres } = useSWR<{ id: number; name: string }[]>(
+  const { data: genres } =
-    `/api/v1/genres/movie`
+    useSWR<{ id: number; name: string }[]>(`/api/v1/genres/movie`);
-  );
 
   if (!data && !error) {
     return <LoadingSpinner />;

src/components/Discover/index.tsx

@@ -35,13 +35,11 @@ const Discover: React.FC = () => {
     { revalidateOnMount: true }
   );
 
-  const {
+  const { data: requests, error: requestError } =
-    data: requests,
+    useSWR<RequestResultsResponse>(
-    error: requestError,
+      '/api/v1/request?filter=all&take=10&sort=modified&skip=0',
-  } = useSWR<RequestResultsResponse>(
+      { revalidateOnMount: true }
-    '/api/v1/request?filter=all&take=10&sort=modified&skip=0',
+    );
-    { revalidateOnMount: true }
-  );
 
   return (
     <>

src/components/Layout/LanguagePicker/index.tsx

@@ -65,9 +65,11 @@ const LanguagePicker: React.FC = () => {
                 }
                 defaultValue={locale}
               >
-                {(Object.keys(
+                {(
-                  availableLanguages
+                  Object.keys(
-                ) as (keyof typeof availableLanguages)[]).map((key) => (
+                    availableLanguages
+                  ) as (keyof typeof availableLanguages)[]
+                ).map((key) => (
                   <option key={key} value={availableLanguages[key].code}>
                     {availableLanguages[key].display}
                   </option>

src/components/MovieDetails/index.tsx

@@ -98,9 +98,10 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
     `/api/v1/movie/${router.query.movieId}/ratings`
   );
 
-  const sortedCrew = useMemo(() => sortCrewPriority(data?.credits.crew ?? []), [
+  const sortedCrew = useMemo(
-    data,
+    () => sortCrewPriority(data?.credits.crew ?? []),
-  ]);
+    [data]
+  );
 
   if (!data && !error) {
     return <LoadingSpinner />;

src/components/PersonDetails/index.tsx

@@ -32,12 +32,10 @@ const PersonDetails: React.FC = () => {
   );
   const [showBio, setShowBio] = useState(false);
 
-  const {
+  const { data: combinedCredits, error: errorCombinedCredits } =
-    data: combinedCredits,
+    useSWR<PersonCombinedCreditsResponse>(
-    error: errorCombinedCredits,
+      `/api/v1/person/${router.query.personId}/combined_credits`
-  } = useSWR<PersonCombinedCreditsResponse>(
+    );
-    `/api/v1/person/${router.query.personId}/combined_credits`
-  );
 
   const sortedCast = useMemo(() => {
     const grouped = groupBy(combinedCredits?.cast ?? [], 'id');

src/components/RequestList/RequestItem/index.tsx

@@ -106,12 +106,13 @@ const RequestItem: React.FC<RequestItemProps> = ({
   const { data: title, error } = useSWR<MovieDetails | TvDetails>(
     inView ? `${url}` : null
   );
-  const { data: requestData, revalidate, mutate } = useSWR<MediaRequest>(
+  const {
-    `/api/v1/request/${request.id}`,
+    data: requestData,
-    {
+    revalidate,
-      initialData: request,
+    mutate,
-    }
+  } = useSWR<MediaRequest>(`/api/v1/request/${request.id}`, {
-  );
+    initialData: request,
+  });
 
   const [isRetrying, setRetrying] = useState(false);
 

src/components/RequestModal/AdvancedRequester/index.tsx

@@ -97,21 +97,19 @@ const AdvancedRequester: React.FC<AdvancedRequesterProps> = ({
     defaultOverrides?.tags ?? []
   );
 
-  const {
+  const { data: serverData, isValidating } =
-    data: serverData,
+    useSWR<ServiceCommonServerWithDetails>(
-    isValidating,
+      selectedServer !== null
-  } = useSWR<ServiceCommonServerWithDetails>(
+        ? `/api/v1/service/${
-    selectedServer !== null
+            type === 'movie' ? 'radarr' : 'sonarr'
-      ? `/api/v1/service/${
+          }/${selectedServer}`
-          type === 'movie' ? 'radarr' : 'sonarr'
+        : null,
-        }/${selectedServer}`
+      {
-      : null,
+        refreshInterval: 0,
-    {
+        refreshWhenHidden: false,
-      refreshInterval: 0,
+        revalidateOnFocus: false,
-      refreshWhenHidden: false,
+      }
-      revalidateOnFocus: false,
+    );
-    }
-  );
 
   const [selectedUser, setSelectedUser] = useState<User | null>(
     requestUser ?? null

src/components/RequestModal/MovieRequestModal.tsx

@@ -51,10 +51,8 @@ const MovieRequestModal: React.FC<RequestModalProps> = ({
   is4k = false,
 }) => {
   const [isUpdating, setIsUpdating] = useState(false);
-  const [
+  const [requestOverrides, setRequestOverrides] =
-    requestOverrides,
+    useState<RequestOverrides | null>(null);
-    setRequestOverrides,
-  ] = useState<RequestOverrides | null>(null);
   const { addToast } = useToasts();
   const { data, error } = useSWR<MovieDetails>(`/api/v1/movie/${tmdbId}`, {
     revalidateOnMount: true,

src/components/RequestModal/TvRequestModal.tsx

@@ -74,10 +74,8 @@ const TvRequestModal: React.FC<RequestModalProps> = ({
     (season) => season.seasonNumber
   );
   const { data, error } = useSWR<TvDetails>(`/api/v1/tv/${tmdbId}`);
-  const [
+  const [requestOverrides, setRequestOverrides] =
-    requestOverrides,
+    useState<RequestOverrides | null>(null);
-    setRequestOverrides,
-  ] = useState<RequestOverrides | null>(null);
   const [selectedSeasons, setSelectedSeasons] = useState<number[]>(
     editRequest ? editingSeasons : []
   );

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

@@ -160,20 +160,19 @@ const NotificationsPushover: React.FC = () => {
                 <span className="label-required">*</span>
                 <span className="label-tip">
                   {intl.formatMessage(messages.accessTokenTip, {
-                    ApplicationRegistrationLink: function ApplicationRegistrationLink(
+                    ApplicationRegistrationLink:
-                      msg
+                      function ApplicationRegistrationLink(msg) {
-                    ) {
+                        return (
-                      return (
+                          <a
-                        <a
+                            href="https://pushover.net/api#registration"
-                          href="https://pushover.net/api#registration"
+                            className="text-white transition duration-300 hover:underline"
-                          className="text-white transition duration-300 hover:underline"
+                            target="_blank"
-                          target="_blank"
+                            rel="noreferrer"
-                          rel="noreferrer"
+                          >
-                        >
+                            {msg}
-                          {msg}
+                          </a>
-                        </a>
+                        );
-                      );
+                      },
-                    },
                   })}
                 </span>
               </label>

src/components/Settings/SettingsMain.tsx

@@ -298,9 +298,11 @@ const SettingsMain: React.FC = () => {
                   <div className="form-input">
                     <div className="form-input-field">
                       <Field as="select" id="locale" name="locale">
-                        {(Object.keys(
+                        {(
-                          availableLanguages
+                          Object.keys(
-                        ) as (keyof typeof availableLanguages)[]).map((key) => (
+                            availableLanguages
+                          ) as (keyof typeof availableLanguages)[]
+                        ).map((key) => (
                           <option
                             key={key}
                             value={availableLanguages[key].code}

src/components/Settings/SettingsPlex.tsx

@@ -92,9 +92,8 @@ interface SettingsPlexProps {
 const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
   const [isSyncing, setIsSyncing] = useState(false);
   const [isRefreshingPresets, setIsRefreshingPresets] = useState(false);
-  const [availableServers, setAvailableServers] = useState<PlexDevice[] | null>(
+  const [availableServers, setAvailableServers] =
-    null
+    useState<PlexDevice[] | null>(null);
-  );
   const {
     data: data,
     error: error,

src/components/TvDetails/index.tsx

@@ -106,9 +106,10 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
     `/api/v1/tv/${router.query.tvId}/ratings`
   );
 
-  const sortedCrew = useMemo(() => sortCrewPriority(data?.credits.crew ?? []), [
+  const sortedCrew = useMemo(
-    data,
+    () => sortCrewPriority(data?.credits.crew ?? []),
-  ]);
+    [data]
+  );
 
   if (!data && !error) {
     return <LoadingSpinner />;
@@ -189,8 +190,9 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
     );
   }
 
-  const seasonCount = data.seasons.filter((season) => season.seasonNumber !== 0)
+  const seasonCount = data.seasons.filter(
-    .length;
+    (season) => season.seasonNumber !== 0
+  ).length;
 
   if (seasonCount) {
     seriesAttributes.push(

src/components/UserList/index.tsx

@@ -102,13 +102,12 @@ const UserList: React.FC = () => {
       pageIndex * currentPageSize
     }&sort=${currentSort}`
   );
-  const {
+  const { data: notificationSettings } =
-    data: notificationSettings,
+    useSWR<UserSettingsNotificationsResponse>(
-  } = useSWR<UserSettingsNotificationsResponse>(
+      currentUser
-    currentUser
+        ? `/api/v1/user/${currentUser?.id}/settings/notifications`
-      ? `/api/v1/user/${currentUser?.id}/settings/notifications`
+        : null
-      : null
+    );
-  );
 
   const [isDeleting, setDeleting] = useState(false);
   const [isImporting, setImporting] = useState(false);

src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx

@@ -209,9 +209,11 @@ const UserGeneralSettings: React.FC = () => {
                             availableLanguages[currentSettings.locale].display,
                         })}
                       </option>
-                      {(Object.keys(
+                      {(
-                        availableLanguages
+                        Object.keys(
-                      ) as (keyof typeof availableLanguages)[]).map((key) => (
+                          availableLanguages
+                        ) as (keyof typeof availableLanguages)[]
+                      ).map((key) => (
                         <option
                           key={key}
                           value={availableLanguages[key].code}

src/hooks/useVerticalScroll.ts

@@ -17,9 +17,8 @@ const useVerticalScroll = (
   const [isScrolling, setScrolling] = useState(false);
 
   type SetTimeoutReturnType = ReturnType<typeof setTimeout>;
-  const scrollingTimer: MutableRefObject<
+  const scrollingTimer: MutableRefObject<SetTimeoutReturnType | undefined> =
-    SetTimeoutReturnType | undefined
+    useRef();
-  > = useRef();
 
   const runCallback = () => {
     if (shouldFetch) {

src/pages/collection/[collectionId]/index.tsx

@@ -12,25 +12,24 @@ const CollectionPage: NextPage<CollectionPageProps> = ({ collection }) => {
   return <CollectionDetails collection={collection} />;
 };
 
-export const getServerSideProps: GetServerSideProps<CollectionPageProps> = async (
+export const getServerSideProps: GetServerSideProps<CollectionPageProps> =
-  ctx
+  async (ctx) => {
-) => {
+    const response = await axios.get<Collection>(
-  const response = await axios.get<Collection>(
+      `http://localhost:${process.env.PORT || 5055}/api/v1/collection/${
-    `http://localhost:${process.env.PORT || 5055}/api/v1/collection/${
+        ctx.query.collectionId
-      ctx.query.collectionId
+      }`,
-    }`,
+      {
-    {
+        headers: ctx.req?.headers?.cookie
-      headers: ctx.req?.headers?.cookie
+          ? { cookie: ctx.req.headers.cookie }
-        ? { cookie: ctx.req.headers.cookie }
+          : undefined,
-        : undefined,
+      }
-    }
+    );
-  );
 
-  return {
+    return {
-    props: {
+      props: {
-      collection: response.data,
+        collection: response.data,
-    },
+      },
+    };
   };
-};
 
 export default CollectionPage;

src/utils/plex.ts

@@ -85,15 +85,13 @@ class PlexOAuth {
       'context[device][product]': this.plexHeaders['X-Plex-Product'],
       'context[device][version]': this.plexHeaders['X-Plex-Version'],
       'context[device][platform]': this.plexHeaders['X-Plex-Platform'],
-      'context[device][platformVersion]': this.plexHeaders[
+      'context[device][platformVersion]':
-        'X-Plex-Platform-Version'
+        this.plexHeaders['X-Plex-Platform-Version'],
-      ],
       'context[device][device]': this.plexHeaders['X-Plex-Device'],
       'context[device][deviceName]': this.plexHeaders['X-Plex-Device-Name'],
       'context[device][model]': this.plexHeaders['X-Plex-Model'],
-      'context[device][screenResolution]': this.plexHeaders[
+      'context[device][screenResolution]':
-        'X-Plex-Device-Screen-Resolution'
+        this.plexHeaders['X-Plex-Device-Screen-Resolution'],
-      ],
       'context[device][layout]': 'desktop',
       code: this.pin.code,
     };

yarn.lock

@@ -10825,10 +10825,10 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^2.2.1:
+prettier@^2.3.0:
-  version "2.2.1"
+  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.0.tgz#b6a5bf1284026ae640f17f7ff5658a7567fc0d18"
-  integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
+  integrity sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w==
 
 pretty-hrtime@^1.0.3:
   version "1.0.3"