AnimationName.js (923B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 "use strict"; 6 7 const { 8 PureComponent, 9 } = require("resource://devtools/client/shared/vendor/react.mjs"); 10 const dom = require("resource://devtools/client/shared/vendor/react-dom-factories.js"); 11 const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.mjs"); 12 13 class AnimationName extends PureComponent { 14 static get propTypes() { 15 return { 16 animation: PropTypes.object.isRequired, 17 }; 18 } 19 20 render() { 21 const { animation } = this.props; 22 23 return dom.svg( 24 { 25 className: "animation-name", 26 }, 27 dom.text( 28 { 29 y: "50%", 30 x: "100%", 31 }, 32 animation.state.name 33 ) 34 ); 35 } 36 } 37 38 module.exports = AnimationName;