Преглед изворни кода

Use correct reload options label for migration

When showing 'Recreate Replica from Migration' modal, use the correct
reload button label instead of showing 'Reload All Replica Options'.
Sergiu Miclea пре 6 година
родитељ
комит
ca521034be

+ 4 - 1
src/components/molecules/Panel/Panel.jsx

@@ -75,6 +75,7 @@ export type Props = {
   selectedValue: ?string,
   selectedValue: ?string,
   onChange: (item: NavigationItem) => void,
   onChange: (item: NavigationItem) => void,
   style?: any,
   style?: any,
+  reloadLabel: string,
   onReloadClick: () => void,
   onReloadClick: () => void,
 }
 }
 
 
@@ -107,7 +108,9 @@ class Panel extends React.Component<Props> {
           ))}
           ))}
         </Navigation>
         </Navigation>
         <Content data-test-id={`${TEST_ID}-content`}>{this.props.content}</Content>
         <Content data-test-id={`${TEST_ID}-content`}>{this.props.content}</Content>
-        <ReloadButton onClick={() => { this.props.onReloadClick() }}>Reload All Replica Options</ReloadButton>
+        <ReloadButton onClick={() => { this.props.onReloadClick() }}>
+          {this.props.reloadLabel}
+        </ReloadButton>
       </Wrapper>
       </Wrapper>
     )
     )
   }
   }

+ 1 - 0
src/components/molecules/Panel/story.jsx

@@ -33,6 +33,7 @@ storiesOf('Panel', module)
         selectedValue="network"
         selectedValue="network"
         onChange={item => console.log(item, 'clicked')}
         onChange={item => console.log(item, 'clicked')}
         onReloadClick={() => { }}
         onReloadClick={() => { }}
+        reloadLabel=""
       />
       />
     </div>
     </div>
   ))
   ))

+ 4 - 0
src/components/molecules/Panel/test.jsx

@@ -38,6 +38,7 @@ describe('Panel Component', () => {
     let wrapper = wrap({
     let wrapper = wrap({
       navigationItems,
       navigationItems,
       content,
       content,
+      reloadLabel: '',
       onChange: () => { },
       onChange: () => { },
       selectedValue: 'navigation2',
       selectedValue: 'navigation2',
       onReloadClick: () => { },
       onReloadClick: () => { },
@@ -51,6 +52,7 @@ describe('Panel Component', () => {
     let wrapper = wrap({
     let wrapper = wrap({
       navigationItems,
       navigationItems,
       content,
       content,
+      reloadLabel: '',
       onChange: () => { },
       onChange: () => { },
       selectedValue: 'navigation2',
       selectedValue: 'navigation2',
       onReloadClick: () => { },
       onReloadClick: () => { },
@@ -66,6 +68,7 @@ describe('Panel Component', () => {
       navigationItems,
       navigationItems,
       content,
       content,
       onChange,
       onChange,
+      reloadLabel: '',
       selectedValue: 'navigation2',
       selectedValue: 'navigation2',
       onReloadClick: () => { },
       onReloadClick: () => { },
     })
     })
@@ -77,6 +80,7 @@ describe('Panel Component', () => {
     let wrapper = wrap({
     let wrapper = wrap({
       navigationItems,
       navigationItems,
       content,
       content,
+      reloadLabel: '',
       onChange: () => { },
       onChange: () => { },
       selectedValue: 'navigation2',
       selectedValue: 'navigation2',
       onReloadClick: () => { },
       onReloadClick: () => { },

+ 1 - 0
src/components/organisms/EditReplica/EditReplica.jsx

@@ -630,6 +630,7 @@ class EditReplica extends React.Component<Props, State> {
           onChange={navItem => { this.handlePanelChange(navItem.value) }}
           onChange={navItem => { this.handlePanelChange(navItem.value) }}
           selectedValue={this.state.selectedPanel}
           selectedValue={this.state.selectedPanel}
           onReloadClick={() => { this.handleReload() }}
           onReloadClick={() => { this.handleReload() }}
+          reloadLabel={this.props.type === 'replica' ? 'Reload All Replica Options' : 'Reload All Migration Options'}
         />
         />
       </Modal>
       </Modal>
     )
     )