move start/end time options out of optional block (#21541)

airbytehq · Jan 19, 2023 · 31d7eb3 · 31d7eb3
1 parent 9a68313
commit 31d7eb3
Showing 1 changed file with 32 additions and 32 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamSlicerSection.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamSlicerSection.tsx
@@ -126,6 +126,38 @@ export const StreamSlicerSection: React.FC<StreamSlicerSectionProps> = ({ stream
             label="Cursor field"
             tooltip="Field on record to use as the cursor"
           />
+          <ToggleGroupField<RequestOption>
+            label="Start time request option"
+            tooltip="Optionally configures how the start datetime will be sent in requests to the source API"
+            fieldPath={buildPath("start_time_option")}
+            initialValues={{
+              inject_into: "request_parameter",
+              type: "RequestOption",
+              field_name: "",
+            }}
+          >
+            <InjectRequestOptionFields
+              path={buildPath("start_time_option")}
+              descriptor="start datetime"
+              excludeInjectIntoValues={["path"]}
+            />
+          </ToggleGroupField>
+          <ToggleGroupField<RequestOption>
+            label="End time request option"
+            tooltip="Optionally configures how the end datetime will be sent in requests to the source API"
+            fieldPath={buildPath("end_time_option")}
+            initialValues={{
+              inject_into: "request_parameter",
+              type: "RequestOption",
+              field_name: "",
+            }}
+          >
+            <InjectRequestOptionFields
+              path={buildPath("end_time_option")}
+              descriptor="end datetime"
+              excludeInjectIntoValues={["path"]}
+            />
+          </ToggleGroupField>
           <BuilderOptional>
             <BuilderFieldWithInputs
               type="string"
@@ -134,38 +166,6 @@ export const StreamSlicerSection: React.FC<StreamSlicerSectionProps> = ({ stream
               tooltip="Time interval (ISO 8601 duration) before the start_datetime to read data for, e.g. P1M for looking back one month"
               optional
             />
-            <ToggleGroupField<RequestOption>
-              label="Start time request option"
-              tooltip="Optionally configures how the start datetime will be sent in requests to the source API"
-              fieldPath={buildPath("start_time_option")}
-              initialValues={{
-                inject_into: "request_parameter",
-                type: "RequestOption",
-                field_name: "",
-              }}
-            >
-              <InjectRequestOptionFields
-                path={buildPath("start_time_option")}
-                descriptor="start datetime"
-                excludeInjectIntoValues={["path"]}
-              />
-            </ToggleGroupField>
-            <ToggleGroupField<RequestOption>
-              label="End time request option"
-              tooltip="Optionally configures how the end datetime will be sent in requests to the source API"
-              fieldPath={buildPath("end_time_option")}
-              initialValues={{
-                inject_into: "request_parameter",
-                type: "RequestOption",
-                field_name: "",
-              }}
-            >
-              <InjectRequestOptionFields
-                path={buildPath("end_time_option")}
-                descriptor="end datetime"
-                excludeInjectIntoValues={["path"]}
-              />
-            </ToggleGroupField>
             <BuilderFieldWithInputs
               type="string"
               path={buildPath("stream_state_field_start")}