feat: increase max options for CardOneOf (#197)

dgaponov · web-flow · commit 63ce5656633f · 2024-04-23T12:24:05.000+03:00
diff --git a/src/lib/kit/hooks/useOneOf/useOneOf.scss b/src/lib/kit/hooks/useOneOf/useOneOf.scss
@@ -22,9 +22,13 @@
     &__card {
         display: flex;
 
-        & > :first-child {
+        & > * {
             margin-right: 8px;
         }
+
+        & > :last-child {
+            margin-right: 0;
+        }
     }
 
     &__checkbox {
diff --git a/src/lib/kit/hooks/useOneOf/useOneOf.tsx b/src/lib/kit/hooks/useOneOf/useOneOf.tsx
@@ -100,7 +100,7 @@ export const useOneOf = ({props, onTogglerChange}: UseOneOfParams) => {
     );
 
     const togglerType = React.useMemo(() => {
-        if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 3) {
+        if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 4) {
             return 'card';
         }
 

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@ export const useOneOf = ({props, onTogglerChange}: UseOneOfParams) => {`
`100`	`100`	`);`
`101`	`101`
`102`	`102`	`const togglerType = React.useMemo(() => {`
`103`		`- if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 3) {`
	`103`	`+ if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 4) {`
`104`	`104`	`return 'card';`
`105`	`105`	`}`
`106`	`106`