first commit

resources/client/admin/settings/content-settings/content-settings-general-panel.tsx

@@ -0,0 +1,80 @@
+import {useFormContext} from 'react-hook-form';
+import {AdminSettings} from '@common/admin/settings/admin-settings';
+import {Fragment} from 'react';
+import {FormSwitch} from '@common/ui/forms/toggle/switch';
+import {Trans} from '@common/i18n/trans';
+import {FormSelect} from '@common/ui/forms/select/select';
+import {Item} from '@common/ui/forms/listbox/item';
+
+export function ContentSettingsGeneralPanel() {
+  const {watch} = useFormContext<AdminSettings>();
+  return (
+    <Fragment>
+      <SortingMethodSelect />
+      <FormSwitch
+        className="mb-24"
+        name="client.titles.enable_reviews"
+        description={
+          <Trans
+            message={
+              'Enable or disable all review functionality across the site.'
+            }
+          />
+        }
+      >
+        <Trans message="Enable reviews" />
+      </FormSwitch>
+      <FormSwitch
+        className="mb-24"
+        name="client.titles.enable_comments"
+        description={
+          <Trans
+            message={
+              'Enable or disable all comment functionality across the site.'
+            }
+          />
+        }
+      >
+        <Trans message="Enable comments" />
+      </FormSwitch>
+      {watch('client.titles.enable_comments') && (
+        <FormSwitch
+          name="client.comments.per_video"
+          description={
+            <Trans
+              message={
+                'When enabled, individual videos will have their own separate comment section (if there are multiple videos), otherwise comments will be shared by all videos for the same title.'
+              }
+            />
+          }
+        >
+          <Trans message="Per video comments" />
+        </FormSwitch>
+      )}
+    </Fragment>
+  );
+}
+
+function SortingMethodSelect() {
+  return (
+    <FormSelect
+      className="mb-24"
+      name="server.rating_column"
+      label={<Trans message="Rating used for sorting" />}
+      selectionMode="single"
+      description={
+        <Trans
+          message="When ordering titles by rating, should local user rating or TheMovieDB rating average be
+            used."
+        />
+      }
+    >
+      <Item value="tmdb_vote_average">
+        <Trans message="TheMovieDB" />
+      </Item>
+      <Item value="local_vote_average">
+        <Trans message="Local (Ratings and reviews from site users)" />
+      </Item>
+    </FormSelect>
+  );
+}