Add provisionUrl property + some styling fixes [packages-only]

Puzzlepart · Nov 14, 2024 · 698731d · 698731d
1 parent 5cfa41c
commit 698731d
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 9 deletions.
diff --git a/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaField/useIdeaField.tsx b/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaField/useIdeaField.tsx
@@ -182,12 +182,14 @@ export function useIdeaField(props: IIdeaFieldProps) {
             }
           }
 
-          const statusKey = ['approve', 'consideration', 'reject'].find(
-            (key) =>
-              approveValue.includes(textValue) ||
-              considerationValue.includes(textValue) ||
-              rejectValue.includes(textValue)
-          )
+          let statusKey = null
+          if (approveValue.includes(textValue)) {
+            statusKey = 'approve'
+          } else if (considerationValue.includes(textValue)) {
+            statusKey = 'consideration'
+          } else if (rejectValue.includes(textValue)) {
+            statusKey = 'reject'
+          }
 
           const { backgroundColor, icon } = statusStyles[statusKey] || {
             backgroundColor: 'var(--colorNeutralBackground2)',

diff --git a/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaModule.module.scss b/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaModule.module.scss
@@ -39,6 +39,17 @@
       }
     }
 
+    .accordion {
+      width: fit-content;
+      padding: 0 8px;
+      margin-bottom: 16px;
+
+      &:hover {
+        background-color: var(--colorNeutralBackground1Hover);
+        border-radius: var(--borderRadiusLarge);
+      }
+    }
+
     .idea {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));

diff --git a/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaModule.tsx b/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaModule.tsx
@@ -231,7 +231,7 @@ export const IdeaModule: FC<IIdeaModuleProps> = (props) => {
                     {state.selectedIdea.item.processing && (
                       <Accordion openItems={openItems} onToggle={handleToggle} multiple collapsible>
                         <AccordionItem value='registration'>
-                          <AccordionHeader size='large' icon={getFluentIcon('Lightbulb')}>
+                          <AccordionHeader className={styles.accordion} size='large' icon={getFluentIcon('Lightbulb')}>
                             Registrert idé
                           </AccordionHeader>
                           <AccordionPanel>

diff --git a/...ePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaPhaseBar/IdeaPhaseBar.tsx b/...ePointFramework/PortfolioWebParts/src/components/IdeaModule/IdeaPhaseBar/IdeaPhaseBar.tsx
@@ -35,7 +35,7 @@ export const IdeaPhaseBar: FC = () => {
     <>
       <TabList className={styles.ideaPhases} selectedValue={context.state.phase}>
         {phases.map((phase) => {
-          if (phase.phase === IdeaPhase.Provisioned) {
+          if (phase.phase === IdeaPhase.Provisioned && context.props.provisionUrl) {
             return (
               <ProjectProvision
                 {...context.props}
@@ -46,7 +46,7 @@ export const IdeaPhaseBar: FC = () => {
                 }
                 size='medium'
                 disabled={context.state.phase !== IdeaPhase.ApprovedForConcept}
-                provisionUrl='https://puzzlepart.sharepoint.com/sites/bestillingsportalen'
+                provisionUrl={context.props.provisionUrl}
               />
             )
           }

diff --git a/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/types.ts b/SharePointFramework/PortfolioWebParts/src/components/IdeaModule/types.ts
@@ -26,6 +26,7 @@ export interface IIdeaModuleProps extends IBaseComponentProps {
   listSize?: 'extra-small' | 'small' | 'medium'
   hiddenRegFields?: string[]
   hiddenProcFields?: string[]
+  provisionUrl?: string
 }
 
 export interface IIdeaModuleState {

diff --git a/SharePointFramework/PortfolioWebParts/src/webparts/ideaModule/index.ts b/SharePointFramework/PortfolioWebParts/src/webparts/ideaModule/index.ts
@@ -45,6 +45,10 @@ export default class IdeaModuleWebPart extends BasePortfolioWebPart<IIdeaModuleP
                   multiline: true,
                   resizable: true,
                   rows: 6
+                }),
+                PropertyPaneTextField('provisionUrl', {
+                  label: 'Provisjoneringsområde',
+                  description: 'URL til området som håndterer bestillinger'
                 })
               ]
             }