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

Reply via email to