better indicate cells with code using "</>" icon

Author: davidkircos

src/core/gridGL/graphics/CellPixiReact.tsx

@@ -1,5 +1,6 @@
 import { useCallback } from 'react';
 import { Graphics, Container } from '@inlet/react-pixi';
+import { CodeIcon } from './primatives/CodeIcon';
 
 import FastBitmapText from './primatives/FastBitmapText';
 
@@ -74,6 +75,9 @@ const CellPixiReact = (props: CellPixiReactProps) => {
         visible={props.renderText}
       />
       <Graphics draw={draw_outline} />
+      {props.type === 'PYTHON' && (
+        <CodeIcon x_pos={x_pos} y_pos={y_pos}></CodeIcon>
+      )}
     </Container>
   );
 };

src/core/gridGL/graphics/primatives/CodeIcon.tsx

@@ -0,0 +1,22 @@
+import { BitmapText } from '@inlet/react-pixi';
+import { colors } from '../../../../theme/colors';
+
+interface CodeIconProps {
+  x_pos: number;
+  y_pos: number;
+}
+
+export const CodeIcon = (props: CodeIconProps) => {
+  const { x_pos, y_pos } = props;
+
+  return (
+    <BitmapText
+      x={x_pos + 1}
+      y={y_pos - 0.5}
+      style={{ fontName: 'OpenSans', fontSize: 4 }}
+      tint={colors.cellColorUserPython}
+      align="left"
+      text="</>"
+    ></BitmapText>
+  );
+};