fix: max selected

src/app/tools/compare/page.tsx

@@ -573,7 +573,7 @@ export default function Page() {
                                 radius="large"
                                 style={{
                                   height: '100%',
-                                  width: 16,
+                                  width: 12,
                                   position: 'relative',
                                 }}
                               >
@@ -618,9 +618,7 @@ export default function Page() {
                                   (provision) => provision.id,
                                 )}
                                 selected={provisions}
-                                disabled={
+                                disabled={tank.provisions === provisions.length}
-                                  tank.provisions === provisionsList.length
-                                }
                                 onChange={(provisions) => {
                                   mutateCompareTemporary((draft) => {
                                     draft.members[index].provisions =

src/components/ProvisionsManager.tsx

@@ -14,6 +14,8 @@ export function ProvisionsManager({
   onChange,
   disabled,
 }: ProvisionsManagerProps) {
+  console.log(disabled);
+
   return (
     <Flex wrap="wrap">
       {provisions.map((provision, index) => {
@@ -25,7 +27,7 @@ export function ProvisionsManager({
             first={index === 0}
             last={index === provisions.length - 1}
             rowChild
-            disabled={disabled && !selected}
+            disabled={disabled && !isSelected}
             provision={provision}
             selected={isSelected}
             onClick={() => {