Skip to content

Instantly share code, notes, and snippets.

View dimitrisnl's full-sized avatar
🆗
Computer

Dimitrios Lytras dimitrisnl

🆗
Computer
View GitHub Profile
import {Teammate} from '@prisma/client';
import Joi from 'joi';
import type {NextApiRequest, NextApiResponse} from 'next';
import {dbClient} from '@/b/db/db-client';
import {getUserMetadata} from '@/b/utils/get-all-user-metadata';
import {getSessionOrThrow} from '@/b/utils/get-user-session';
import {validateSchema} from '@/b/utils/validate-schema';
const DEFAULT_LIMIT = 20;
import {AxiosInstance, AxiosRequestConfig} from 'axios';
import {
createContext,
FC,
useCallback,
useContext,
useMemo,
useState,
} from 'react';
import {queryCache} from 'react-query';
import {useEffect, useState} from 'react';
export const useNavigatorOnline = () => {
const [value, setValue] = useState(window.navigator.onLine);
useEffect(() => {
function handleOnlineStatus() {
setValue(window.navigator.onLine);
}
@dimitrisnl
dimitrisnl / header.js
Last active May 19, 2019 16:37
Tailwind Header in React
import React, { useState, useCallback } from 'react';
import { Link } from 'gatsby';
import styled from '@emotion/styled';
import tw from 'tailwind.macro';
const Dropdown = styled.div`
${tw`w-full flex-grow lg:flex lg:items-center lg:justify-end lg:w-auto`}
`;
const NavLinks = () => (
import List from './TournamentsList'
import Single from './Tournament'
import tournamentRoutes from './Tournament/routes'
export default [
{
path: '',
name: 'tournaments-list',
component: List,
import Overview from './TournamentOverview'
import Participants from './TournamentParticipants'
import Settings from './TourmamentSettings'
export default [
{
path: '',
name: 'tournament-overview',
component: Overview,
meta: {
Tennis/
Friendly/
_routes.js
..
Lessons/
_routes.js
..
Tournaments/
Tournament/
_routes.js
router.beforeEach((to, from, next) => {
if ( !to.meta.requiresAuth || store.state.user.authenticated){
next();
}
else{
next({ name: 'landing' })
}
})
// {
import * as dropdowns from 'utils/api/dropdowns'
// ...
async getMemberCategories ({ commit }, params) {
const response = await dropdowns.requestMemberSubscriptions(params)
commit('setMemberCategories', response.data)
}
// ..