Merge pull request #156 from oasisprotocol/csillag/more-customization-settings

Csillag/more customization settings

Author: csillag

frontend/src/components/Card/index.module.css

@@ -11,7 +11,7 @@
   min-width: 640px;
   max-width: 640px;
 
-  min-height: 496px;
+  min-height: 300px;
   padding: 2.25rem 2.6875rem 1.875rem;
   margin: 0 auto 16px;
   /*border-radius: 12px;*/

frontend/src/components/InputFields/useOneOfField.ts

@@ -18,6 +18,7 @@ type OneOfFieldProps<DataType = string> = Omit<
   requiredMessage?: string
   hideDisabledChoices?: boolean
   disableIfOnlyOneVisibleChoice?: boolean
+  hideIfDisabled?: boolean
 }
 
 export type OneOfFieldControls<DataType> = InputFieldControls<DataType> & {
@@ -30,6 +31,7 @@ export function useOneOfField<DataType>(props: OneOfFieldProps<DataType>): OneOf
     requiredMessage = 'Please select an option!',
     hideDisabledChoices,
     disableIfOnlyOneVisibleChoice,
+    hideIfDisabled,
   } = props
   const visibleChoices = choices.filter(
     choice => !choice.hidden && (!hideDisabledChoices || getVerdict(choice.enabled, true)),
@@ -61,6 +63,7 @@ export function useOneOfField<DataType>(props: OneOfFieldProps<DataType>): OneOf
 
   return {
     ...controls,
+    visible: controls.visible && (controls.enabled || !hideIfDisabled),
     choices,
   }
 }

frontend/src/constants/config.ts

@@ -123,6 +123,7 @@ export const designDecisions = {
   showInaccessiblePollCheckbox: true,
   hideDisabledSelectOptions: true,
   disableSelectsWithOnlyOneVisibleOption: true,
+  hideDisabledSelects: true,
   showSubmitButton: false,
   hidePollCardsWithErrors: true,
   hideHardwiredSettings: false,

frontend/src/pages/CreatePollPage/useCreatePollForm.ts

@@ -219,6 +219,7 @@ export const useCreatePollForm = () => {
     enabled: isFrozen ? deny(frozenMassage) : !VITE_APP_HARDWIRED_RESULTS_DISPLAY,
     visible: !designDecisions.hideHardwiredSettings || !VITE_APP_HARDWIRED_RESULTS_DISPLAY,
     hideDisabledChoices: designDecisions.hideDisabledSelectOptions,
+    hideIfDisabled: designDecisions.hideDisabledSelects,
   } as const)
 
   const authorResultDisplayType = useOneOfField({
@@ -252,6 +253,7 @@ export const useCreatePollForm = () => {
     ],
     hideDisabledChoices: designDecisions.hideDisabledSelectOptions,
     disableIfOnlyOneVisibleChoice: designDecisions.disableSelectsWithOnlyOneVisibleOption,
+    hideIfDisabled: designDecisions.hideDisabledSelects,
   } as const)
 
   const hasCompletionDate = useBooleanField({