feat: Fix scroll container, fix image versions order etc (#200)

src/components/HorizontalScrollContainer/index.tsx

@@ -7,19 +7,24 @@ export const HorizontalScrollContainer: React.FC = ({ children }) => {
   const container = React.useRef<HTMLDivElement | null>(null);
 
   const handler = React.useCallback((e: WheelEvent) => {
-    e.preventDefault();
     if (container.current) {
-      container.current.scrollLeft += e.deltaY;
+      if (
+        (e.deltaY < 0 && container.current.scrollLeft > 0) ||
+        (e.deltaY > 0 &&
+          container.current.scrollLeft <
+            container.current.scrollWidth - container.current.clientWidth)
+      ) {
+        e.preventDefault();
+        container.current.scrollLeft += e.deltaY;
+      }
     }
   }, []);
 
   React.useEffect(() => {
     const el = container.current;
-
     if (el) {
       el.addEventListener('wheel', handler, { passive: false });
     }
-
     return () => {
       if (el) {
         el.removeEventListener('wheel', handler);

src/k8s/EDPCodebaseImageStream/utils/createImageStreamTags/index.ts

@@ -7,10 +7,12 @@ export const createImageStreamTags = (
 ) => {
   let base: SelectOption[] =
     applicationImageStream && applicationImageStream?.spec?.tags
-      ? applicationImageStream?.spec?.tags.map(({ name }) => ({
-          label: name,
-          value: name,
-        }))
+      ? applicationImageStream?.spec?.tags
+          .map(({ name }) => ({
+            label: name,
+            value: name,
+          }))
+          .toReversed()
       : [];
 
   if (applicationImageStream && applicationImageStream?.spec?.tags) {

src/pages/edp-configuration/pages/edp-dependency-track-integration/constants.ts

@@ -6,5 +6,5 @@ export const DEPENDENCY_TRACK_INTEGRATION_PAGE_DESCRIPTION: PageDescription = {
   label: 'DependencyTrack',
   description: 'Monitor and manage vulnerabilities within third-party components.',
   routePath: '/configuration/dependency-track-integration',
-  docLink: EDP_OPERATOR_GUIDE.DEPENDENCY_TRACK.url
+  docLink: EDP_OPERATOR_GUIDE.DEPENDENCY_TRACK.url,
 };

src/pages/edp-configuration/pages/edp-jira-integration/constants.ts

@@ -6,5 +6,5 @@ export const JIRA_INTEGRATION_PAGE_DESCRIPTION: PageDescription = {
   label: 'Jira',
   description: 'Track and deliver your projects with Jira.',
   routePath: '/configuration/jira-integration',
-  docLink: EDP_OPERATOR_GUIDE.JIRA.url
+  docLink: EDP_OPERATOR_GUIDE.JIRA.url,
 };

src/pages/edp-configuration/pages/edp-sonar-integration/constants.ts

@@ -6,5 +6,5 @@ export const SONAR_INTEGRATION_PAGE_DESCRIPTION: PageDescription = {
   label: 'SonarQube',
   description: 'Enable automated code review mechanisms powered by SonarQube.',
   routePath: '/configuration/sonar-integration',
-  docLink: EDP_OPERATOR_GUIDE.SONAR.url
+  docLink: EDP_OPERATOR_GUIDE.SONAR.url,
 };

src/pages/edp-stage-details/components/Applications/components/ValuesOverrideCheckbox/index.tsx

@@ -14,8 +14,13 @@ export const ValuesOverrideCheckbox = ({
     control,
     formState: { errors },
     register,
+    setValue,
   } = useFormContext();
 
+  React.useEffect(() => {
+    setValue(`${application.metadata.name}::values-override`, defaultValue);
+  }, [application.metadata.name, defaultValue, setValue]);
+
   return (
     <div style={{ width: '100%' }}>
       <FormSwitch