2 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
8 * http://www.apache.org/licenses/LICENSE-2.0
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
13 * or implied. See the License for the specific language governing
14 * permissions and limitations under the License.
17 import React, { Component } from 'react';
18 import DraggableUploadFileBox from 'nfvo-components/fileupload/DraggableUploadFileBox.jsx';
19 import Configuration from 'sdc-app/config/Configuration.js';
20 import i18n from 'nfvo-utils/i18n/i18n.js';
21 import { SVGIcon } from 'onap-ui-react';
23 function VNFBrowse({ onBrowseVNF, isReadOnlyMode }) {
24 if (!Configuration.get('showBrowseVNF')) {
29 className={`${'vnfRepo'}${isReadOnlyMode ? ' disabled' : ''}`}
30 onClick={onBrowseVNF}>
31 <div className={`${'searchRepo-text'}`}>
32 {i18n('Search in Repository')}
37 iconClassName="searchIcon"
44 class VnfRepositorySearchBox extends Component {
53 const showVNF = Configuration.get('showBrowseVNF');
56 className={`${className}${isReadOnlyMode ? ' disabled' : ''}${
57 showVNF ? ' showVnf' : ''
59 <DraggableUploadFileBox
60 dataTestId={dataTestId}
61 isReadOnlyMode={isReadOnlyMode}
66 <div className={`verticalLine${showVNF ? '' : ' hide'}`} />
70 onBrowseVNF={onBrowseVNF}
71 isReadOnlyMode={isReadOnlyMode}
78 export default VnfRepositorySearchBox;