michellethomas commented on a change in pull request #4566: Adding column type label to dropdowns URL: https://github.com/apache/incubator-superset/pull/4566#discussion_r173010593
########## File path: superset/assets/javascripts/components/ColumnTypeLabel.jsx ########## @@ -0,0 +1,34 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const propTypes = { + type: PropTypes.string.isRequired, +}; + +export default function ColumnTypeLabel({ type }) { + let stringIcon; + let iconSize = '13'; + if (type === '' || type === 'expression') { + stringIcon = '?'; + } else if (type.match(/.*char.*/i) || type.match(/string.*/i) || type.match(/.*text.*/i)) { + stringIcon = 'ABC'; + iconSize = '11'; + } else if (type.match(/.*int.*/i) || type === 'LONG' || type === 'DOUBLE') { + stringIcon = '#'; + } else if (type.match(/.*bool.*/i)) { + stringIcon = 'T/F'; + } else if (type.match(/.*time.*/i)) { + stringIcon = 'time'; + } else { + stringIcon = '?'; + } + + const typeIcon = stringIcon === 'time' ? <i className="fa fa-clock-o text-muted type-label" /> : ( + <div className="text-muted type-label" style={{ fontSize: iconSize }}>{stringIcon}</div>); Review comment: To me, keeping the same default font for ABC seemed to compete a bit with the text next to it, but I don't have strong opinions. ![image](https://user-images.githubusercontent.com/817955/37122650-3dfd8dc4-2216-11e8-8742-e2c5b6c80db4.png) ---------------------------------------------------------------- This is an automated message from the Apache Git Service. To respond to the message, please log on GitHub and use the URL above to go to the specific comment. For queries about this service, please contact Infrastructure at: us...@infra.apache.org With regards, Apache Git Services