From 2243a9b6cacffe8fa6725a31740c60aa1d0dfb94 Mon Sep 17 00:00:00 2001
From: Ryczko <konradryczko1@gmail.com>
Date: Tue, 21 May 2024 18:55:06 +0200
Subject: [PATCH] Feature/Greater and less than logic paths

---
 locales/en/surveyCreate.json                  |  4 ++--
 .../ActionButtons/ActionButtons.tsx           |  7 ++++---
 .../AddQuestionButton/AddQuestionButton.tsx   |  3 ++-
 .../AdvancedSettings/RateAdvancedSettings.tsx |  4 ++--
 .../QuestionBlockWrapper.tsx                  |  2 +-
 .../createSurveyManager.ts                    |  1 -
 .../managers/surveyAnswerManager.ts           | 19 ++++++++++++++++++-
 7 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/locales/en/surveyCreate.json b/locales/en/surveyCreate.json
index a2c7c7a..6c662d4 100644
--- a/locales/en/surveyCreate.json
+++ b/locales/en/surveyCreate.json
@@ -20,8 +20,8 @@
   "surveyCreationSucessCopiedCorrectly": "and link copied to clipboard",
   "signInToCreateSurvey": "Sign in to create survey",
   "options": "Display options",
-  "GREATER_THAN": "Greater than",
-  "LESS_THAN": "Less than",
+  "GREATER_THAN": "greater than",
+  "LESS_THAN": "less than",
   "EQUAL": "equals",
   "SUBMITTED": "is submitted"
 }
diff --git a/src/features/surveys/features/SurveyCreator/components/ActionButtons/ActionButtons.tsx b/src/features/surveys/features/SurveyCreator/components/ActionButtons/ActionButtons.tsx
index 0cafd66..097db80 100644
--- a/src/features/surveys/features/SurveyCreator/components/ActionButtons/ActionButtons.tsx
+++ b/src/features/surveys/features/SurveyCreator/components/ActionButtons/ActionButtons.tsx
@@ -28,12 +28,13 @@ export default function ActionButtons() {
         <AddQuestionButton onClick={addQuestion} />
       )}
 
+      <hr className="my-3" />
       {user ? (
         <div className="flex flex-col gap-2 sm:flex-row">
           {isEditMode && (
             <Button
               onClick={discardChanges}
-              className="z-0 w-full"
+              className="z-0 h-[50px] w-full"
               variant={ButtonVariant.OUTLINE}
               disabled={isCreating}
             >
@@ -43,7 +44,7 @@ export default function ActionButtons() {
           <Button
             name="create-survey"
             onClick={isEditMode ? confirmEditSurvey : createSurvey}
-            className="z-0 w-full"
+            className="z-0 h-[50px] w-full"
             variant={ButtonVariant.PRIMARY}
             isLoading={isCreating}
             disabled={questions.length === 0}
@@ -55,7 +56,7 @@ export default function ActionButtons() {
         <Button
           onClick={signInToCreateSurvey}
           variant={ButtonVariant.PRIMARY}
-          className="z-0 mt-2 w-full"
+          className="z-0 mt-2 h-[50px] w-full"
         >
           {t('signInToCreateSurvey')}
         </Button>
diff --git a/src/features/surveys/features/SurveyCreator/components/AddQuestionButton/AddQuestionButton.tsx b/src/features/surveys/features/SurveyCreator/components/AddQuestionButton/AddQuestionButton.tsx
index e8e2646..9a2cd90 100644
--- a/src/features/surveys/features/SurveyCreator/components/AddQuestionButton/AddQuestionButton.tsx
+++ b/src/features/surveys/features/SurveyCreator/components/AddQuestionButton/AddQuestionButton.tsx
@@ -15,7 +15,8 @@ export const AddQuestionButton = ({ onClick }: AddQuestionButtonProps) => {
       <Button
         onClick={openModal}
         sizeType={ButtonSize.FULL}
-        icon={<PlusCircleIcon className="h-5 w-5" />}
+        className="h-[50px]"
+        icon={<PlusCircleIcon className="h-5  w-5" />}
       >
         Add new block
       </Button>
diff --git a/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/AdvancedSettings/RateAdvancedSettings.tsx b/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/AdvancedSettings/RateAdvancedSettings.tsx
index ea002ef..0491130 100644
--- a/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/AdvancedSettings/RateAdvancedSettings.tsx
+++ b/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/AdvancedSettings/RateAdvancedSettings.tsx
@@ -30,9 +30,9 @@ export default function RateAdvancedSettings({
           questionData.logicPaths?.map(() => ({
             comparisons: getAvailableComparisons(
               [
-                // ComparisonType.LESS_THAN,
+                ComparisonType.LESS_THAN,
+                ComparisonType.GREATER_THAN,
                 ComparisonType.EQUAL,
-                // ComparisonType.GREATER_THAN,
               ],
               t
             ),
diff --git a/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/QuestionBlockWrapper/QuestionBlockWrapper.tsx b/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/QuestionBlockWrapper/QuestionBlockWrapper.tsx
index b67e8cd..aafc606 100644
--- a/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/QuestionBlockWrapper/QuestionBlockWrapper.tsx
+++ b/src/features/surveys/features/SurveyCreator/components/QuestionBlocks/QuestionBlockWrapper/QuestionBlockWrapper.tsx
@@ -70,7 +70,7 @@ export default function QuestionBlockWrapper({
 
   return (
     <div className="relative rounded-md border border-l-4 border-secondary-200  border-l-secondary-300 bg-white shadow-sm">
-      <div className="flex flex-col items-start gap-1 pe-2 ps-2 pt-2 sm:flex-row sm:gap-2">
+      <div className="flex flex-col items-start gap-0 pe-2 ps-2 pt-2 sm:flex-row sm:gap-2">
         <div className="flex w-full items-start gap-2">
           <Button
             onClick={onExpand}
diff --git a/src/features/surveys/features/SurveyCreator/managers/createSurveyManager/createSurveyManager.ts b/src/features/surveys/features/SurveyCreator/managers/createSurveyManager/createSurveyManager.ts
index 6270c32..d74c9f0 100644
--- a/src/features/surveys/features/SurveyCreator/managers/createSurveyManager/createSurveyManager.ts
+++ b/src/features/surveys/features/SurveyCreator/managers/createSurveyManager/createSurveyManager.ts
@@ -102,7 +102,6 @@ export const useCreateSurveyManager = (initialData?: SurveyWithQuestions) => {
     }
 
     return () => {
-      console.log('clean');
       setActivePage(undefined);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/src/features/surveys/features/SurveyDisplay/managers/surveyAnswerManager.ts b/src/features/surveys/features/SurveyDisplay/managers/surveyAnswerManager.ts
index c335c9f..1ba573f 100644
--- a/src/features/surveys/features/SurveyDisplay/managers/surveyAnswerManager.ts
+++ b/src/features/surveys/features/SurveyDisplay/managers/surveyAnswerManager.ts
@@ -98,7 +98,24 @@ export const useSurveyAnswerManager = (
         const submitCondition =
           path.comparisonType === ComparisonType.SUBMITTED;
 
-        if (equalCondition || submitCondition) {
+        const greatThanCondition =
+          path.comparisonType === ComparisonType.GREATER_THAN &&
+          activeQuestion.answer &&
+          path.selectedOption &&
+          Number(activeQuestion.answer) > Number(path.selectedOption);
+
+        const lessThanCondition =
+          path.comparisonType === ComparisonType.LESS_THAN &&
+          activeQuestion.answer &&
+          path.selectedOption &&
+          Number(activeQuestion.answer) < Number(path.selectedOption);
+
+        if (
+          equalCondition ||
+          submitCondition ||
+          greatThanCondition ||
+          lessThanCondition
+        ) {
           if (path.endSurvey) {
             handleSave(false);
             return;