CORS is Sucks a big longer p.... product

src/widgets/form/form.widget.tsx

@@ -8,19 +8,57 @@ import classes from './styles.module.scss';
 import { Button } from '@/shared/components/button';
 import { Selector } from '@/shared/components/selector';
 
+// MockUp Selectors data options
+const mockUpOptions: { [key: string]: string[] | number[] } = {
+  brand: [
+    'Dell',
+    'HP',
+    'Lenovo',
+    'Apple',
+    'Asus',
+    'Acer',
+    'MSI',
+    'Microsoft',
+    'Samsung',
+    'Toshiba',
+  ],
+  processor: [
+    'Intel Core i3 10th Gen',
+    'Intel Core i5 10th Gen',
+    'Intel Core i7 10th Gen',
+    'AMD Ryzen 3 4000 Series',
+    'AMD Ryzen 5 4000 Series',
+    'AMD Ryzen 7 4000 Series',
+  ],
+  os: ['Windows 10', 'Windows 11', 'macOS', 'Linux'],
+  gpu: [
+    'Integrated',
+    'NVIDIA GeForce GTX 1650',
+    'NVIDIA GeForce RTX 3060',
+    'AMD Radeon RX 5600M',
+  ],
+  display: [13.3, 14.0, 15.6, 17.3],
+  display_type: ['HD', 'Full HD', '4K', 'OLED'],
+  ram: [4, 8, 16, 32],
+  ssd: [0, 256, 512, 1024],
+  weight: [1.2, 1.5, 2.0, 2.5, 3.0],
+  battery_size: [45, 60, 70, 90, 100],
+  release_year: [2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024],
+};
+
 const Form = () => {
   const [request, setRequest] = useState<PredictRequestType>({
-    brand: '',
-    processor: '',
-    ram: '',
-    os: '',
-    ssd: '',
-    display: -1,
-    gpu: '',
-    weight: -1,
-    battery_size: -1,
-    release_year: -1,
-    display_type: '',
+    brand: 'Apple',
+    processor: 'Core i5 10th Gen',
+    ram: 16,
+    os: 'Windows 11',
+    ssd: 1024,
+    display: 15.3,
+    gpu: 'NVIDIA GeForce RTX 3060',
+    weight: 2.0,
+    battery_size: 90,
+    release_year: 2023,
+    display_type: '4K',
   });
   const [response, setResponse] = useState<PredictResponseType>({
     predicted_price: -1,
@@ -44,6 +82,7 @@ const Form = () => {
 
   const handleGetPredict = async (event: FormEvent) => {
     event.preventDefault();
+    console.log(request);
     const newResponse = await api.predictPrice(request);
     setResponse(newResponse);
   };
@@ -54,8 +93,8 @@ const Form = () => {
         {fields.map((field) => (
           <Selector
             key={field}
-            handleSetValue={(value) => updateField(field, value)}
-            list={[]}
+            handleSetValue={updateField}
+            list={mockUpOptions[field]}
             field={field}
           />
         ))}
@@ -64,7 +103,11 @@ const Form = () => {
         onClick={(e: FormEvent) => handleGetPredict(e)}
         label={'Отправить'}
       />
-      {response && <span>Ответ: {response.predicted_price}</span>}
+      {response && (
+        <span style={{ color: 'white' }}>
+          Ответ: {response.predicted_price}
+        </span>
+      )}
     </form>
   );
 };