From dcba13eeb972c9f37856730abea896f3b5c95eae Mon Sep 17 00:00:00 2001
From: Ryan Cohen <r-cohen@mercari.com>
Date: Fri, 19 Aug 2022 14:21:11 +0900
Subject: [PATCH] fix: also check user type for movie sync setting

---
 .../UserGeneralSettings/index.tsx             | 82 ++++++++++---------
 1 file changed, 44 insertions(+), 38 deletions(-)

diff --git a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
index db963c8ec..d5d3cf9b3 100644
--- a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
+++ b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
@@ -422,45 +422,51 @@ const UserGeneralSettings = () => {
               {hasPermission(
                 [Permission.AUTO_REQUEST, Permission.AUTO_REQUEST_MOVIE],
                 { type: 'or' }
-              ) && (
-                <div className="form-row">
-                  <label
-                    htmlFor="watchlistSyncMovies"
-                    className="checkbox-label"
-                  >
-                    <span>
-                      {intl.formatMessage(messages.plexwatchlistsyncmovies)}
-                    </span>
-                    <span className="label-tip">
-                      {intl.formatMessage(messages.plexwatchlistsyncmoviestip, {
-                        PlexWatchlistSupportLink: (msg: React.ReactNode) => (
-                          <a
-                            href="https://support.plex.tv/articles/universal-watchlist/"
-                            className="text-white transition duration-300 hover:underline"
-                            target="_blank"
-                            rel="noreferrer"
-                          >
-                            {msg}
-                          </a>
-                        ),
-                      })}
-                    </span>
-                  </label>
-                  <div className="form-input-area">
-                    <Field
-                      type="checkbox"
-                      id="watchlistSyncMovies"
-                      name="watchlistSyncMovies"
-                      onChange={() => {
-                        setFieldValue(
-                          'watchlistSyncMovies',
-                          !values.watchlistSyncMovies
-                        );
-                      }}
-                    />
+              ) &&
+                user?.userType === UserType.PLEX && (
+                  <div className="form-row">
+                    <label
+                      htmlFor="watchlistSyncMovies"
+                      className="checkbox-label"
+                    >
+                      <span>
+                        {intl.formatMessage(messages.plexwatchlistsyncmovies)}
+                      </span>
+                      <span className="label-tip">
+                        {intl.formatMessage(
+                          messages.plexwatchlistsyncmoviestip,
+                          {
+                            PlexWatchlistSupportLink: (
+                              msg: React.ReactNode
+                            ) => (
+                              <a
+                                href="https://support.plex.tv/articles/universal-watchlist/"
+                                className="text-white transition duration-300 hover:underline"
+                                target="_blank"
+                                rel="noreferrer"
+                              >
+                                {msg}
+                              </a>
+                            ),
+                          }
+                        )}
+                      </span>
+                    </label>
+                    <div className="form-input-area">
+                      <Field
+                        type="checkbox"
+                        id="watchlistSyncMovies"
+                        name="watchlistSyncMovies"
+                        onChange={() => {
+                          setFieldValue(
+                            'watchlistSyncMovies',
+                            !values.watchlistSyncMovies
+                          );
+                        }}
+                      />
+                    </div>
                   </div>
-                </div>
-              )}
+                )}
               {hasPermission(
                 [Permission.AUTO_REQUEST, Permission.AUTO_REQUEST_TV],
                 { type: 'or' }