Skip to content

Instantly share code, notes, and snippets.

View JenyaIII-sudo's full-sized avatar

Evgenuy Zabolotniy JenyaIII-sudo

  • Taganrog
View GitHub Profile
import React, { useState } from 'react';
import Grid from '@material-ui/core/Grid';
import Chip from '@material-ui/core/Chip';
import Icon from '@material-ui/core/Icon';
import Button from '@material-ui/core/Button';
import { grey } from '@material-ui/core/colors';
import { makeStyles } from '@material-ui/core/styles';
import MsgModal from './MsgModal';
import Tooltip from '@material-ui/core/Tooltip';
const useStyles = makeStyles(theme => ({
@JenyaIII-sudo
JenyaIII-sudo / SendMessageForm.jsx
Created January 20, 2020 09:41
SendMessageForm.jsx
import React, { useState, useEffect, useRef } from 'react';
import axios from 'axios';
import { useQuery } from '@apollo/react-hooks';
import { Auth } from 'aws-amplify';
import { makeStyles } from '@material-ui/core/styles';
import Paper from '@material-ui/core/Paper';
import Grid from '@material-ui/core/Grid';
import TextField from '@material-ui/core/TextField';
import Icon from '@material-ui/core/Icon';
import Button from '@material-ui/core/Button';
@JenyaIII-sudo
JenyaIII-sudo / SmsSenderPage.jsx
Created January 20, 2020 09:42
SmsSenderPage.jsx
import React, { useState, useEffect } from 'react';
import { useQuery, useMutation } from '@apollo/react-hooks';
import { connect } from 'react-redux';
import { makeStyles } from '@material-ui/core/styles';
import Paper from '@material-ui/core/Paper';
import Grid from '@material-ui/core/Grid';
import Message from './Message';
import LinearProgress from '@material-ui/core/LinearProgress';
import { grey } from '@material-ui/core/colors';
import SendMsgForm from './SendMsgForm';
@JenyaIII-sudo
JenyaIII-sudo / index.js
Created January 20, 2020 09:43
React.js index for variables view
import React, { Component, Fragment } from "react";
import { Row } from "reactstrap";
import axios from "axios";
import List from "./List";
import Pagination from "../../../../helpers/Pagination";
import Header from "./Header";
import VariableModal from "./VariableModal";
import { modalModes } from "../../../../constants/defaultValues";
@JenyaIII-sudo
JenyaIII-sudo / PlayBar.tsx
Created January 20, 2020 09:44
PlayBar.tsx
import { Col, Row } from 'antd';
import React from 'react';
import styled from 'react-emotion';
import { connect } from 'react-redux';
import closeIcon from 'src/public/img/icons/player/close.svg';
import { AppState } from 'src/config/appState';
import * as audioMiddleware from 'src/middlewares/audio';
@JenyaIII-sudo
JenyaIII-sudo / TodosPage.tsx
Created May 15, 2020 12:19
React + TypeScript
import React, { useState, useEffect } from 'react';
import TodoForm from '../components/TodoFrom';
import TodoList from '../components/TodoList';
import { ITodo } from '../interfaces';
declare var confirm: (question: string) => boolean;
const TodosPage: React.FunctionComponent = () => {
const [todos, setTodos] = useState<ITodo[]>([]);
@JenyaIII-sudo
JenyaIII-sudo / Select.jsx
Last active June 27, 2020 10:42
Select component (<div>)
import React from 'react';
import _ from 'lodash';
import cx from 'classnames';
import Fetch from 'components/Fetch/Fetch';
import Dropdown, { DropdownContent } from 'components/Dropdown/Dropdown';
import { useFormControl, withFormControl } from 'components/Form/Form';
import { SelectContext } from './SelectContext';
import SelectKeyboardHandler from './SelectKeyboardHandler';
import SelectScrollToSelected from './SelectScrollToSelected';
import styles from './Select.css';
@JenyaIII-sudo
JenyaIII-sudo / Actions.js
Last active June 27, 2020 10:36
Actions on Redux
/* eslint-disable import/prefer-default-export */
import Axios from 'axios';
import {
ADD_USER,
GET_USERS,
GET_USERS_LOADING,
GET_USERS_ERROR,
DELETE_USER,
CHANGE_MODAL,
EDIT_FORM,
@JenyaIII-sudo
JenyaIII-sudo / Sidebar.css
Created May 15, 2020 12:31
Side bar styles
.sideBar {
background: var(--dark);
bottom: 0;
box-shadow: var(--shadow);
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
z-index: var(--z-drawer);
}
#pelcro-app {
font-size: 15px;
#hockey-news {
font-family: "Saira", sans-serif;
.pelcro-prefix-site-logo {
height: 35px;
}