Skip to content

Instantly share code, notes, and snippets.

View chadmuro's full-sized avatar

Chad Murobayashi chadmuro

View GitHub Profile
@chadmuro
chadmuro / App.js
Created May 25, 2021 22:43
Day.js
import dayjs from 'dayjs';
import './App.css';
const date = dayjs().format();
function App() {
return (
<div className="App">
<header className="App-header">
<p>{date}</p>
@chadmuro
chadmuro / TableSkeleton.js
Last active March 13, 2023 03:09
Table Body Skeleton
import React, { useState, useEffect } from 'react';
import { withStyles, makeStyles } from '@material-ui/core/styles';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableContainer from '@material-ui/core/TableContainer';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Skeleton from '@material-ui/lab/Skeleton';
@chadmuro
chadmuro / Navbar.js
Created May 12, 2021 14:01
Supabase Auth Context
import React, { useState } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import IconButton from '@material-ui/core/IconButton';
import Button from '@material-ui/core/Button';
import MenuIcon from '@material-ui/icons/Menu';
import ModalDialog from './Signup/ModalDialog';
import { useAuth } from '../contexts/Auth';
@chadmuro
chadmuro / Form.js
Last active May 12, 2021 13:59
Supabase Auth Context
import React, { useState, useEffect } from 'react';
import { makeStyles } from '@material-ui/core';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';
import Link from '@material-ui/core/Link';
import Box from '@material-ui/core/Box';
import { useForm, Controller } from 'react-hook-form';
import { useAuth } from '../../contexts/Auth';
@chadmuro
chadmuro / Auth.js
Last active August 31, 2023 23:03
Supabase Auth Context
import React, { useContext, useState, useEffect, createContext } from 'react';
import { supabase } from '../supabase';
// create a context for authentication
const AuthContext = createContext();
export const AuthProvider = ({ children }) => {
// create state values for user data and loading
const [user, setUser] = useState();
const [loading, setLoading] = useState(true);
@chadmuro
chadmuro / Features.js
Last active May 1, 2021 07:53
Features Section
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Typography from '@material-ui/core/Typography';
import Container from '@material-ui/core/Container';
import EmojiPeopleIcon from '@material-ui/icons/EmojiPeople';
import FastfoodIcon from '@material-ui/icons/Fastfood';
import LocationCityIcon from '@material-ui/icons/LocationCity';
const useStyles = makeStyles(theme => ({
@chadmuro
chadmuro / App.js
Created April 27, 2021 13:56
React Router Hooks
import { Route, Switch, Link } from 'react-router-dom';
import Home from './Pages/Home';
import About from './Pages/About';
import Blog from './Pages/Blog';
import BlogPost from './Pages/BlogPost';
const App = () => {
return (
<div className="App">
<h1>App</h1>
@chadmuro
chadmuro / Hero.js
Created April 22, 2021 23:09
Hero Section with Video
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Box from '@material-ui/core/Box';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';
import ReactPlayer from 'react-player';
import heroVideo from './HeroVideo.mp4';
const useStyles = makeStyles(theme => ({
root: {
@chadmuro
chadmuro / Navbar.js
Created April 18, 2021 03:22
Navigation Bar with Material-UI
import React, { useState } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import IconButton from '@material-ui/core/IconButton';
import Button from '@material-ui/core/Button';
import MenuIcon from '@material-ui/icons/Menu';
import ModalDialog from './ModalDialog';
@chadmuro
chadmuro / navigator.js
Created April 15, 2021 05:56
Window.navigator
var sBrowser, sUsrAg = navigator.userAgent;
// The order matters here, and this may report false positives for unlisted browsers.
if (sUsrAg.indexOf("Firefox") > -1) {
sBrowser = "Mozilla Firefox";
// "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0"
} else if (sUsrAg.indexOf("SamsungBrowser") > -1) {
sBrowser = "Samsung Internet";
// "Mozilla/5.0 (Linux; Android 9; SAMSUNG SM-G955F Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/9.4 Chrome/67.0.3396.87 Mobile Safari/537.36