Skip to content

Instantly share code, notes, and snippets.

View divyanshu013's full-sized avatar
:shipit:
Ship it

Divyanshu Maithani divyanshu013

:shipit:
Ship it
View GitHub Profile
@divyanshu013
divyanshu013 / keybase.md
Created January 10, 2018 16:24
Keybase info

Keybase proof

I hereby claim:

  • I am divyanshu013 on github.
  • I am divyanshu013 (https://keybase.io/divyanshu013) on keybase.
  • I have a public key whose fingerprint is 95C5 A78C 5C19 AE5E E687 4046 F425 1024 56F8 3B15

To claim this, I am signing this object:

@divyanshu013
divyanshu013 / code.ext
Last active May 21, 2020 02:18
My VSCode extensions
code --install-extension EditorConfig.EditorConfig
code --install-extension Perkovec.emoji
code --install-extension SintrumIT.theme-oceanic-next-italic
code --install-extension agauniyal.vscode-caniuse
code --install-extension alefragnani.project-manager
code --install-extension andys8.jest-snippets
code --install-extension arcticicestudio.nord-visual-studio-code
code --install-extension be5invis.vscode-custom-css
code --install-extension bierner.markdown-emoji
code --install-extension bungcip.better-toml
@divyanshu013
divyanshu013 / .zshrc
Last active October 10, 2018 08:00
My zsh config
# If you come from bash you might have to change your $PATH.
# export PATH=$HOME/bin:/usr/local/bin:$PATH
# Path to your oh-my-zsh installation.
export ZSH="/home/div/.oh-my-zsh"
# Set name of the theme to load. Optionally, if you set this to "random"
# it'll load a random theme each time that oh-my-zsh is loaded.
@divyanshu013
divyanshu013 / code.settings
Last active May 21, 2020 02:18
My VSCode settings
{
"vscode_custom_css.imports": [
"file:///Users/divyanshu/.vscode/style.css"
],
"editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'",
"javascript.validate.enable": false,
"editor.fontLigatures": true,
"editor.minimap.enabled": false,
"editor.multiCursorModifier": "ctrlCmd",
"workbench.startupEditor": "newUntitledFile",
@divyanshu013
divyanshu013 / .hyper.js
Last active April 5, 2019 11:54
My Hyper config
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// Choose either "stable" for receiving highly polished,
// or "canary" for less polished but more frequent updates
updateChannel: 'canary',
@divyanshu013
divyanshu013 / SearchFilters.js
Last active January 4, 2018 20:01
Adding search filters in GitXplore app
import React from 'react';
import PropTypes from 'prop-types';
import {
MultiDropdownList,
SingleDropdownRange,
RangeSlider,
} from '@appbaseio/reactivesearch';
const SearchFilters = ({ currentTopics, setTopics, visible }) => (
<div className={`flex column filters-container ${!visible ? 'hidden' : ''}`}>
@divyanshu013
divyanshu013 / Header.js
Created December 30, 2017 12:54
Header component for GitXplore app
import React, { Component } from 'react';
import SearchFilters from './SearchFilters';
class Header extends Component {
constructor(props) {
super(props);
this.state = {
visible: false,
};
@divyanshu013
divyanshu013 / Results.js
Last active January 4, 2018 20:07
Results component for GitXplore app
import React from 'react';
import { SelectedFilters, ReactiveList } from '@appbaseio/reactivesearch';
import PropTypes from 'prop-types';
import Topic from './Topic';
const onResultStats = (results, time) => (
<div className="flex justify-end">
{results} results found in {time}ms
</div>
@divyanshu013
divyanshu013 / Topic.js
Last active December 30, 2017 11:21
Topic component for GitXplore app
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class Topic extends Component {
handleClick = () => {
this.props.toggleTopic(this.props.children);
}
render() {
return (
<div className={`topic ${this.props.active ? 'active' : ''}`} onClick={this.handleClick}>
@divyanshu013
divyanshu013 / App.js
Last active March 2, 2018 14:49
Main App container for GitXplore app
import React, { Component } from 'react';
import { ReactiveBase, DataSearch } from '@appbaseio/reactivesearch';
import Header from './components/Header';
import Results from './components/Results';
import theme from './theme';
import './App.css';
class App extends Component {