openecomp-ui/src/sdc-app/onboarding/licenseModel/components/UuId.jsx

   1 /*!
   2  * Copyright © 2016-2018 European Support Limited
   3  *
   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
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  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.
  15  */
  16
  17 import React from 'react';
  18 import PropTypes from 'prop-types';
  19 import i18n from 'nfvo-utils/i18n/i18n.js';
  20
  21 const UuidElement = ({ title, value }) => (
  22     <div className="uuid-container">
  23         <div className="uuid-title">{title}</div>
  24         <div className="uuid-value" selectable="true">
  25             {value}
  26         </div>
  27     </div>
  28 );
  29
  30 UuidElement.propTypes = {
  31     title: PropTypes.string,
  32     value: PropTypes.string
  33 };
  34
  35 const Uuid = ({ id, versionUUID }) => (
  36     <div className="uuid-row-wrapper">
  37         <UuidElement title={i18n('UUID:')} value={versionUUID} />
  38         <div className="separator" />
  39         <UuidElement title={i18n('Invariant UUID:')} value={id} />
  40     </div>
  41 );
  42
  43 export default Uuid;