first commit

2026-07-15 18:05:12 +09:00
commit 12e4f17b62
4633 changed files with 817125 additions and 0 deletions
@@ -0,0 +1,83 @@
+/**
+ * Copyright 2025 LY Corporation
+ *
+ * LY Corporation licenses this file to you under the Apache License,
+ * version 2.0 (the "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at:
+ *
+ *   https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ */
+import { useTranslation } from 'next-i18next';
+import { useFormContext } from 'react-hook-form';
+
+import { SelectInput, TextInput } from '@/shared';
+
+import type { ChannelInfo } from '../channel.type';
+
+interface IProps {
+  type?: 'create' | 'update';
+  readOnly?: boolean;
+}
+
+const ChannelInfoForm: React.FC<IProps> = (props) => {
+  const { type = 'create', readOnly = false } = props;
+
+  const { t } = useTranslation();
+
+  const { register, formState, setValue, watch } =
+    useFormContext<ChannelInfo>();
+
+  const feedbackSearchMaxDays = watch('feedbackSearchMaxDays');
+
+  return (
+    <div className="flex flex-col gap-4">
+      {type === 'update' && (
+        <TextInput label="ID" {...register('id')} disabled />
+      )}
+      <TextInput
+        label="Name"
+        {...register('name')}
+        placeholder={t('v2.placeholder.text')}
+        required
+        disabled={readOnly}
+        error={formState.errors.name?.message}
+      />
+      <TextInput
+        label="Description"
+        {...register('description')}
+        placeholder={t('v2.placeholder.text')}
+        disabled={readOnly}
+        error={formState.errors.description?.message}
+      />
+      <SelectInput
+        label="Maximum feedback search period"
+        value={
+          feedbackSearchMaxDays ? String(feedbackSearchMaxDays) : undefined
+        }
+        onChange={(value) => {
+          if (!value) return;
+          setValue('feedbackSearchMaxDays', Number(value), {
+            shouldDirty: true,
+          });
+        }}
+        options={[
+          { value: '30', label: t('text.date.before-days', { day: 30 }) },
+          { value: '90', label: t('text.date.before-days', { day: 90 }) },
+          { value: '180', label: t('text.date.before-days', { day: 180 }) },
+          { value: '365', label: t('text.date.before-days', { day: 365 }) },
+          { value: '-1', label: t('text.date.entire-period') },
+        ]}
+        disabled={readOnly}
+        error={formState.errors.feedbackSearchMaxDays?.message}
+      />
+    </div>
+  );
+};
+
+export default ChannelInfoForm;