diff options
| author | Haishan <[email protected]> | 2020-10-31 18:18:04 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-11-01 17:42:52 +0800 |
| commit | ff1a39d04e53b428e34d46c55ecd6689189b5443 (patch) | |
| tree | 94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/components/Rule.js | |
| parent | e62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff) | |
chore: run ts-migrate
Diffstat (limited to 'src/components/Rule.js')
| -rw-r--r-- | src/components/Rule.js | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/src/components/Rule.js b/src/components/Rule.js deleted file mode 100644 index da21e2f..0000000 --- a/src/components/Rule.js +++ /dev/null @@ -1,43 +0,0 @@ -import PropTypes from 'prop-types'; -import React from 'react'; - -import s0 from './Rule.module.css'; - -const colorMap = { - _default: '#59caf9', - DIRECT: '#f5bc41', - REJECT: '#cb3166', -}; - -function getStyleFor({ proxy }) { - let color = colorMap._default; - if (colorMap[proxy]) { - color = colorMap[proxy]; - } - return { color }; -} - -function Rule({ type, payload, proxy, id }) { - const styleProxy = getStyleFor({ proxy }); - return ( - <div className={s0.rule}> - <div className={s0.left}>{id}</div> - <div> - <div className={s0.b}>{payload}</div> - <div className={s0.a}> - <div className={s0.type}>{type}</div> - <div style={styleProxy}>{proxy}</div> - </div> - </div> - </div> - ); -} - -Rule.propTypes = { - id: PropTypes.number, - type: PropTypes.string, - payload: PropTypes.string, - proxy: PropTypes.string, -}; - -export default Rule; |
