whisher’s gists

whisher / gist:e01f24bb427e62e665fe77e9cf02a29f

Created June 18, 2020 08:07

	// Interceptor

	const setupAxiosInterceptors = (onUnauthenticated: () => void) => {
	const onRequestSuccess = (config: AxiosRequestConfig) => {
	console.log("request success", config);
	const token = Storage.local.get("auth");
	if (token) {
	config.headers.Authorization = `Bearer ${token}`;
	}
	return config;

whisher / gist:3eeb0eb76401f32dd032f3c55654e39f

Last active June 14, 2020 17:17

	export const authLoginEffects = (data: AuthLoginFormData) => (
	dispatch: ThunkDispatch<{}, {}, AnyAction>
	) => {
	AuthService.login(data)
	.then((data) => {
	dispatch(authLoginSuccess(data));
	Storage.local.set("auth", data);
	dispatch(push("/user"));
	})
	.catch((_) => {

whisher / gist:c8e0453a5fa76b5d6d952919c77ef0c4

Last active January 28, 2023 06:07

reactjs typescript useForm - a simple custom hook to manage form in react

	Credit to
	https://medium.com/javascript-in-plain-english/react-controlled-forms-with-hooks-538762aab935

	import React, { ChangeEvent, FormEvent, useReducer } from "react";

	const useForm = (initialState: any) => {
	const reducer = (
	state: typeof initialState,
	payload: { field: string; value: string }
	) => {

whisher / gist:cc8b87804dae5b8ee6b5794ae8e4880a

Created February 1, 2020 17:13

	@Injectable()
	export class CategoriesGuard implements CanActivate {
	constructor(private store: Store<fromStore.CategoriesState>) {}

	canActivate(): Observable<boolean> {
	return this.checkStore().pipe(
	switchMap(() => of(true)),
	catchError(() => of(false))
	);
	}

whisher / gist:b88d6b2b61e937e9965e000cd48eed4c

Last active January 1, 2020 14:02

	import React from "react";

	export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
	onClick: () => void;
	}
	const Button: React.FC<ButtonProps> = ({
	children,
	...buttonProps
	}) => {
	return (

whisher / gist:1a29014d6cbeb9c912e252a1fe402765

Created December 23, 2019 13:28

	Module
	// Core
	import { NgModule, Optional, SkipSelf } from '@angular/core';

	// Big.js
	import Big from 'big.js/big.mjs';

	import { BigjsService } from './bigjs.service';

	@NgModule({

whisher / gist:cc0677ad794fe6c25f6de1529feb3702

Created November 27, 2019 19:32

	getPendingOrders(): Observable<MatrixPendingOrders[]> {
	return this.accountFacade.account$.pipe(
	switchMap(account => {
	let id: any = '';
	if (account) {
	id = account.auth.id;
	}
	return this.service.getPendingOrders(id);
	}),
	map((data: PendingOrdersDto) => data.orders),

whisher / gist:5bc53200f95c6a270c11eae0ce559d65

Created November 22, 2019 09:59

	let starterChanges$ = of(null);
	const starter = this.frm.get('starter');
	if (starter) {
	starterChanges$ = starter.valueChanges;
	}
	let spreadChanges$ = of(null);
	const spread = this.frm.get('spread');
	if (spread) {
	spreadChanges$ = spread.valueChanges;
	}

whisher / gist:a34fe4fbb34e567ec3d0453193cb6cef

Created November 17, 2019 08:43

<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/><title>React App</title><link href="/static/css/main.a38a0264.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(p){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],l=0,a=[];l<n.length;l++)t=n[l],Object.prototype.hasOwnProperty.call(i,t)&&i[t]&&a.push(i[t][0]),i[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(p[r]=o[r]);for(s&&s(e);a.length;)a.shift()();return c.push.apply(c,u||[]),f()}function f(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,

whisher / gist:1cb1cdc48cf0430c0ddad340668e6143

Created November 17, 2019 08:43

<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/><title>React App</title><link href="/static/css/main.a38a0264.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(p){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],l=0,a=[];l<n.length;l++)t=n[l],Object.prototype.hasOwnProperty.call(i,t)&&i[t]&&a.push(i[t][0]),i[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(p[r]=o[r]);for(s&&s(e);a.length;)a.shift()();return c.push.apply(c,u||[]),f()}function f(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,

Bedini Fabio aka whisher whisher