ChrisLowe-Takor

<ReactLeafletEditableCircle 
  center={[44.63, 22.65]}
  radius={600}
  onPositionChange={ (position) => this.handleOnPositionChange(position)}
/>

ChrisLowe-Takor

import React, { Component } from 'react'

import LeafletEditableCircle from './leaflet-editable-circle';

export default class ReactLeafletEditableCircle extends Component {

  render() {
		return (
			<LeafletEditableCircle 
				center={this.props.center} 

ChrisLowe-Takor

import { MapLayer, withLeaflet } from 'react-leaflet';

import L from 'leaflet';

class LeafletEditableCircle extends MapLayer {

	createLeafletElement(props) {
		var map = this.props.leaflet.map
		var circle = L.circle(this.props.center, this.props.radius);

ChrisLowe-Takor

import { MapLayer, withLeaflet } from 'react-leaflet';

import L from 'leaflet';


class LeafletEditableCircle extends MapLayer {

	_attachListener(circle) {
		var map = this.props.leaflet.map;

ChrisLowe-Takor

"React Connected Component": {
        "prefix": "rcc",
        "body": [
                "import React, { useState, useEffect } from 'react';",
                "import styled from 'styled-components'",
                "import { createStructuredSelector } from 'reselect';",
                "",
                "",
                "const connect = require('react-redux').connect",
                "",

ChrisLowe-Takor

"React test": {
        "prefix": "rtest",
        "body": [
          "import * as React from 'react';",
          "import { createStore } from 'redux';",
          "import { render, screen } from '@testing-library/react';",
          "import '@testing-library/jest-dom/extend-expect';",
          "",
          "import { Provider } from 'react-redux';",
          "import { state } from '../../../../store/root-reducer';",

ChrisLowe-Takor

"Storybook": {
        "prefix": "rstory",
        "body": [
          "import React from 'react';",
          "import { Story, Meta } from '@storybook/react/types-6-0';",
          "import { Provider } from 'react-redux';",
          "import store from '../../../../store/store';",
          "",
          "export default {",
          "    title: '$1'",

ChrisLowe-Takor

{
    "Simple react component": {
        "prefix": "rc",
        "body": [
          "import React from 'react';",
          "",
          "interface $1Props {",
          "}",
          "",
          "const $1 = (props: $1Props) => {",

ChrisLowe-Takor

import React from 'react';
import { Story, Meta } from '@storybook/react/types-6-0';
import { Provider } from 'react-redux';
import store from '../../../../store/store';

import SentinelDrawer from './sentinel-drawer';


export default {
    title: 'Sentinel Drawer'

ChrisLowe-Takor

Shader "HelloWorldShader"
{
    // Parameters passed in through Unity
    Properties {
        _Color ("Color", Color ) = (1, 1, 1, 1)
    }

    SubShader {
        Tags { "RenderType"="Opaque" }