fix: convert genre/studio to string in create slider (#3201)

* fix: convert genre/studio to string in create slider

* fix: fix typo in variable name for i18n message

src/components/Settings/SettingsMain/DiscoverCustomization/CreateSlider/index.tsx

@@ -33,7 +33,7 @@ const messages = defineMessages({
   validationTitlerequired: 'You must provide a title.',
   addcustomslider: 'Add Custom Slider',
   searchKeywords: 'Search keywords…',
-  seachGenres: 'Search genres…',
+  searchGenres: 'Search genres…',
   searchStudios: 'Search studios…',
   starttyping: 'Starting typing to search.',
   nooptions: 'No results.',
@@ -254,9 +254,9 @@ const CreateSlider = ({ onCreate }: CreateSliderProps) => {
                 defaultOptions
                 cacheOptions
                 loadOptions={loadMovieGenreOptions}
-                placeholder={intl.formatMessage(messages.seachGenres)}
+                placeholder={intl.formatMessage(messages.searchGenres)}
                 onChange={(value) => {
-                  setFieldValue('data', value?.value);
+                  setFieldValue('data', value?.value.toString());
                 }}
               />
             );
@@ -270,9 +270,9 @@ const CreateSlider = ({ onCreate }: CreateSliderProps) => {
                 defaultOptions
                 cacheOptions
                 loadOptions={loadTvGenreOptions}
-                placeholder={intl.formatMessage(messages.seachGenres)}
+                placeholder={intl.formatMessage(messages.searchGenres)}
                 onChange={(value) => {
-                  setFieldValue('data', value?.value);
+                  setFieldValue('data', value?.value.toString());
                 }}
               />
             );
@@ -288,7 +288,7 @@ const CreateSlider = ({ onCreate }: CreateSliderProps) => {
                 loadOptions={loadCompanyOptions}
                 placeholder={intl.formatMessage(messages.searchStudios)}
                 onChange={(value) => {
-                  setFieldValue('data', value?.value);
+                  setFieldValue('data', value?.value.toString());
                 }}
               />
             );

src/i18n/locale/en.json

@@ -715,7 +715,7 @@
   "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.providetmdbnetwork": "Provide TMDB Network ID",
   "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.providetmdbsearch": "Provide a search query",
   "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.providetmdbstudio": "Provide TMDB Studio ID",
-  "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.seachGenres": "Search genres…",
+  "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.searchGenres": "Search genres…",
   "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.searchKeywords": "Search keywords…",
   "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.searchStudios": "Search studios…",
   "components.Settings.SettingsMain.DiscoverCustomization.CreateSlider.slidernameplaceholder": "Slider Name",