Minor update for styling

CSCfi · May 31, 2022 · f45ce89 · f45ce89
1 parent a69c295
commit f45ce89
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/src/components/SubmissionWizard/WizardComponents/WizardStep.tsx b/src/components/SubmissionWizard/WizardComponents/WizardStep.tsx
@@ -24,13 +24,17 @@ import { setObjectType, resetObjectType } from "features/wizardObjectTypeSlice"
 import { updateStep } from "features/wizardStepObjectSlice"
 import { setSubmissionType } from "features/wizardSubmissionTypeSlice"
 import { useAppDispatch, useAppSelector } from "hooks"
-import draftAPIService from "services/draftAPI"
-import objectAPIService from "services/objectAPI"
 import type { FormRef, ObjectInsideSubmissionWithTags } from "types"
 import { pathWithLocale } from "utils"
 
-const ActionButton = (props: { step: number; parent: string; buttonText: string; disabled: boolean }) => {
-  const { step, parent, buttonText, disabled } = props
+const ActionButton = (props: {
+  step: number
+  parent: string
+  buttonText: string
+  disabled: boolean
+  formRef?: FormRef
+}) => {
+  const { step, parent, buttonText, disabled, formRef } = props
   const navigate = useNavigate()
   const submission = useAppSelector(state => state.submission)
   const formState = useAppSelector(state => state.submissionType)

diff --git a/src/components/SubmissionWizard/WizardComponents/WizardStepper.tsx b/src/components/SubmissionWizard/WizardComponents/WizardStepper.tsx
@@ -15,7 +15,7 @@ import WizardStep from "./WizardStep"
 import { resetObjectType } from "features/wizardObjectTypeSlice"
 import { resetStepObject, updateStep } from "features/wizardStepObjectSlice"
 import { useAppDispatch, useAppSelector } from "hooks"
-import type { Schema, FormRef } from "types"
+import type { FormRef } from "types"
 
 // Top & bottom borders for first and last disabled elements
 const AccordionWrapper = styled("div")(({ theme }) => ({
@@ -74,7 +74,7 @@ const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
  */
 
 const WizardStepper = ({ formRef }: { formRef?: FormRef }) => {
-  const objectsArray = useAppSelector(state => state.objectTypesArray)
+  const objectTypesArray = useAppSelector(state => state.objectTypesArray)
   const submission = useAppSelector(state => state.submission)
   const currentStepObject = useAppSelector(state => state.stepObject)
   const dispatch = useAppDispatch()

diff --git a/src/components/SubmissionWizard/WizardForms/WizardJSONSchemaParser.tsx b/src/components/SubmissionWizard/WizardForms/WizardJSONSchemaParser.tsx
@@ -347,12 +347,13 @@ const DisplayDescription = ({ description, children }: { description: string; ch
     setIsReadMore(!isReadMore)
   }
 
-  const ReadmoreText = styled("span")(() => ({
+  const ReadmoreText = styled("span")(({ theme }) => ({
     fontWeight: 700,
     textDecoration: "underline",
     display: "block",
     marginTop: "0.5rem",
-    color: "#006778",
+    color: theme.palette.primary.main,
+    "&:hover": { cursor: "pointer" },
   }))
 
   return (