Krasnikov.pro
3 years ago
parent
c979223672
commit
c96083362a
@ -0,0 +1,3 @@ |
||||
**/node_modules/* |
||||
**/out/* |
||||
**/.next/* |
||||
@ -0,0 +1,47 @@ |
||||
{ |
||||
"parser": "@typescript-eslint/parser", |
||||
"plugins": ["@typescript-eslint"], |
||||
"extends": [ |
||||
"eslint:recommended", |
||||
"plugin:react/recommended", |
||||
"plugin:@typescript-eslint/recommended" |
||||
// Uncomment the following lines to enable eslint-config-prettier |
||||
// Is not enabled right now to avoid issues with the Next.js repo |
||||
// "prettier", |
||||
], |
||||
"env": { |
||||
"es6": true, |
||||
"browser": true, |
||||
"jest": true, |
||||
"node": true |
||||
}, |
||||
"settings": { |
||||
"react": { |
||||
"version": "detect" |
||||
} |
||||
}, |
||||
"rules": { |
||||
"react/react-in-jsx-scope": 0, |
||||
"react/display-name": 0, |
||||
"react/prop-types": 0, |
||||
"@typescript-eslint/explicit-function-return-type": 0, |
||||
"@typescript-eslint/explicit-member-accessibility": 0, |
||||
"@typescript-eslint/indent": 0, |
||||
"@typescript-eslint/member-delimiter-style": 0, |
||||
"@typescript-eslint/no-explicit-any": 0, |
||||
"@typescript-eslint/no-var-requires": 0, |
||||
"@typescript-eslint/no-use-before-define": 0, |
||||
"@typescript-eslint/no-unused-vars": [ |
||||
2, |
||||
{ |
||||
"argsIgnorePattern": "^_" |
||||
} |
||||
], |
||||
"no-console": [ |
||||
2, |
||||
{ |
||||
"allow": ["warn", "error"] |
||||
} |
||||
] |
||||
} |
||||
} |
||||
@ -0,0 +1,34 @@ |
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. |
||||
|
||||
# dependencies |
||||
/node_modules |
||||
/.pnp |
||||
.pnp.js |
||||
|
||||
# testing |
||||
/coverage |
||||
|
||||
# next.js |
||||
/.next/ |
||||
/out/ |
||||
|
||||
# production |
||||
/build |
||||
|
||||
# misc |
||||
.DS_Store |
||||
*.pem |
||||
|
||||
# debug |
||||
npm-debug.log* |
||||
yarn-debug.log* |
||||
yarn-error.log* |
||||
|
||||
# local env files |
||||
.env.local |
||||
.env.development.local |
||||
.env.test.local |
||||
.env.production.local |
||||
|
||||
# vercel |
||||
.vercel |
||||
@ -0,0 +1,12 @@ |
||||
// .env.local |
||||
|
||||
USER_="crapshr6_robotop" |
||||
HOST="crapshr6.beget.tech" |
||||
DATABASE="crapshr6_pizza" |
||||
PASSWORD="M2PJD&wG" |
||||
|
||||
MAILSERVER="smtp.beget.com" |
||||
MAILNAME="service@vsst.su" |
||||
MAILPASS = "&ekS0NPD" |
||||
|
||||
SITE="http://localhost:3000/api/" |
||||
@ -0,0 +1,12 @@ |
||||
// .env.local |
||||
|
||||
USER_="crapshr6_robotop" |
||||
HOST="crapshr6.beget.tech" |
||||
DATABASE="crapshr6_robotop" |
||||
PASSWORD="5NC*%v0v" |
||||
|
||||
MAILSERVER="smtp.beget.com" |
||||
MAILNAME="service@vsst.su" |
||||
MAILPASS = "&ekS0NPD" |
||||
|
||||
SITE="http://localhost:3000/api/" |
||||
@ -0,0 +1,12 @@ |
||||
// .env.local |
||||
|
||||
USER_="crapshr6_robotop" |
||||
HOST="crapshr6.beget.tech" |
||||
DATABASE="crapshr6_robotop" |
||||
PASSWORD="5NC*%v0v" |
||||
|
||||
MAILSERVER="smtp.beget.com" |
||||
MAILNAME="service@vsst.su" |
||||
MAILPASS = "&ekS0NPD" |
||||
|
||||
SITE="http://localhost:3000/api/" |
||||
@ -0,0 +1,12 @@ |
||||
// .env.local |
||||
|
||||
USER_="crapshr6_robotop" |
||||
HOST="crapshr6.beget.tech" |
||||
DATABASE="crapshr6_robotop" |
||||
PASSWORD="sJ9&alNk" |
||||
|
||||
MAILSERVER="smtp.beget.com" |
||||
MAILNAME="service@vsst.su" |
||||
MAILPASS = "&ekS0NPD" |
||||
|
||||
SITE="http://localhost:3000/api/" |
||||
@ -0,0 +1,32 @@ |
||||
# NextJS - Typescript - MDX - Blog |
||||
|
||||
A Next.js starter for your next blog or personal site. Built with: |
||||
|
||||
- [Typescript](https://www.typescriptlang.org/) |
||||
- Write posts with [MDX](https://mdxjs.com/) |
||||
- Style with [Tailwind CSS](https://tailwindcss.com/) |
||||
- Linting with [ESLint](https://eslint.org/) |
||||
- Formatting with [Prettier](https://prettier.io/) |
||||
- Linting, typechecking and formatting on by default using [`husky`](https://github.com/typicode/husky) for commit hooks |
||||
- Testing with [Jest](https://jestjs.io/) and [`react-testing-library`](https://testing-library.com/docs/react-testing-library/intro) |
||||
|
||||
This Starter is **heavily** inspired by [Lee Robinson](https://github.com/leerob/leerob.io) and [Anson Lichtfuss](https://github.com/ansonlichtfuss/website). |
||||
|
||||
👀 [View the Live Demo](https://nextjs-typescript-mdx-blog.vercel.app/) |
||||
|
||||
## Getting Started |
||||
|
||||
```bash |
||||
git clone https://github.com/ChangoMan/nextjs-typescript-mdx-blog.git |
||||
cd nextjs-typescript-mdx-blog |
||||
|
||||
yarn install |
||||
# or |
||||
npm install |
||||
|
||||
yarn dev |
||||
# or |
||||
npm run dev |
||||
``` |
||||
|
||||
Your new site will be up at http://localhost:3000/ |
||||
@ -0,0 +1,3 @@ |
||||
# NextJS - Typescript - MDX - Blog |
||||
|
||||
A Next.js starter for your next blog or personal site. Built with: |
||||
@ -0,0 +1,3 @@ |
||||
# RoboTop - Сайт для робототехнического фестиваля |
||||
|
||||
Next.js |
||||
@ -0,0 +1,42 @@ |
||||
import NextHead from 'next/head'; |
||||
import { useRouter } from 'next/router'; |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { |
||||
const router = useRouter(); |
||||
const meta: MetaProps = { |
||||
title: 'Hunter Chang - Website', |
||||
description: |
||||
'Sleep Deprived Father. Senior Web Developer. Lover of all things Ramen and Kpop.', |
||||
image: `${WEBSITE_HOST_URL}/images/site-preview.png`, |
||||
type: 'website', |
||||
...customMeta, |
||||
}; |
||||
|
||||
return ( |
||||
<NextHead> |
||||
<title>{meta.title}</title> |
||||
<meta content={meta.description} name="description" /> |
||||
<meta property="og:url" content={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<link rel="canonical" href={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<meta property="og:type" content={meta.type} /> |
||||
<meta property="og:site_name" content="Hunter Chang - Website" /> |
||||
<meta property="og:description" content={meta.description} /> |
||||
<meta property="og:title" content={meta.title} /> |
||||
<meta property="og:image" content={meta.image} /> |
||||
<meta name="twitter:card" content="summary_large_image" /> |
||||
<meta name="twitter:site" content="@huntarosan" /> |
||||
<meta name="twitter:title" content={meta.title} /> |
||||
<meta name="twitter:description" content={meta.description} /> |
||||
<meta name="twitter:image" content={meta.image} /> |
||||
{meta.date && ( |
||||
<meta property="article:published_time" content={meta.date} /> |
||||
)} |
||||
</NextHead> |
||||
); |
||||
}; |
||||
|
||||
export default Head; |
||||
@ -0,0 +1,42 @@ |
||||
import NextHead from 'next/head'; |
||||
import { useRouter } from 'next/router'; |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { |
||||
const router = useRouter(); |
||||
const meta: MetaProps = { |
||||
title: 'РоботТоп - робототехнический фестиваль', |
||||
description: |
||||
'Sleep Deprived Father. Senior Web Developer. Lover of all things Ramen and Kpop.', |
||||
image: `${WEBSITE_HOST_URL}/images/site-preview.png`, |
||||
type: 'website', |
||||
...customMeta, |
||||
}; |
||||
|
||||
return ( |
||||
<NextHead> |
||||
<title>{meta.title}</title> |
||||
<meta content={meta.description} name="description" /> |
||||
<meta property="og:url" content={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<link rel="canonical" href={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<meta property="og:type" content={meta.type} /> |
||||
<meta property="og:site_name" content="Hunter Chang - Website" /> |
||||
<meta property="og:description" content={meta.description} /> |
||||
<meta property="og:title" content={meta.title} /> |
||||
<meta property="og:image" content={meta.image} /> |
||||
<meta name="twitter:card" content="summary_large_image" /> |
||||
<meta name="twitter:site" content="@huntarosan" /> |
||||
<meta name="twitter:title" content={meta.title} /> |
||||
<meta name="twitter:description" content={meta.description} /> |
||||
<meta name="twitter:image" content={meta.image} /> |
||||
{meta.date && ( |
||||
<meta property="article:published_time" content={meta.date} /> |
||||
)} |
||||
</NextHead> |
||||
); |
||||
}; |
||||
|
||||
export default Head; |
||||
@ -0,0 +1,42 @@ |
||||
import NextHead from 'next/head'; |
||||
import { useRouter } from 'next/router'; |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => { |
||||
const router = useRouter(); |
||||
const meta: MetaProps = { |
||||
title: 'РоботТоп - робототехнический фестиваль', |
||||
description: |
||||
'РоботТОП – это робототехнические соревнования, в которых могут принять участие молодые любители робототехники, объединившись в команды.', |
||||
image: `${WEBSITE_HOST_URL}/images/site-preview.png`, |
||||
type: 'website', |
||||
...customMeta, |
||||
}; |
||||
|
||||
return ( |
||||
<NextHead> |
||||
<title>{meta.title}</title> |
||||
<meta content={meta.description} name="РоботТОП – это робототехнические соревнования, в которых могут принять участие молодые любители робототехники, объединившись в команды." /> |
||||
<meta property="og:url" content={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<link rel="canonical" href={`${WEBSITE_HOST_URL}${router.asPath}`} /> |
||||
<meta property="og:type" content={meta.type} /> |
||||
<meta property="og:site_name" content="РоботТоп - робототехнический фестиваль" /> |
||||
<meta property="og:description" content={meta.description} /> |
||||
<meta property="og:title" content={meta.title} /> |
||||
<meta property="og:image" content={meta.image} /> |
||||
<meta name="twitter:card" content="summary_large_image" /> |
||||
<meta name="twitter:site" content="@huntarosan" /> |
||||
<meta name="twitter:title" content={meta.title} /> |
||||
<meta name="twitter:description" content={meta.description} /> |
||||
<meta name="twitter:image" content={meta.image} /> |
||||
{meta.date && ( |
||||
<meta property="article:published_time" content={meta.date} /> |
||||
)} |
||||
</NextHead> |
||||
); |
||||
}; |
||||
|
||||
export default Head; |
||||
@ -0,0 +1,12 @@ |
||||
import React from 'react'; |
||||
|
||||
export const RegistrationForm = (): JSX.Element => { |
||||
|
||||
return ( |
||||
<> |
||||
|
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default RegistrationForm; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Built by{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://twitter.com/huntarosan" |
||||
> |
||||
Hunter Chang |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://twitter.com/huntarosan" |
||||
> |
||||
Pavel Krasnikov |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Pavel Krasnikov |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="p-4 w-full"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="p-4 w-full">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w-md">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto ">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-2xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-3xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-4xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-6xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-7xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-1x2 px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-1x5 px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5x5 px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-3xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className=" px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,44 @@ |
||||
import React from 'react'; |
||||
import { MetaProps } from '../types/layout'; |
||||
import Head from './Head'; |
||||
import Navigation from './Navigation'; |
||||
import ThemeSwitch from './ThemeSwitch'; |
||||
|
||||
type LayoutProps = { |
||||
children: React.ReactNode; |
||||
customMeta?: MetaProps; |
||||
}; |
||||
|
||||
export const WEBSITE_HOST_URL = 'https://nextjs-typescript-mdx-blog.vercel.app'; |
||||
|
||||
const Layout = ({ children, customMeta }: LayoutProps): JSX.Element => { |
||||
return ( |
||||
<> |
||||
<Head customMeta={customMeta} /> |
||||
<header> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
<div className="flex items-center justify-between py-6"> |
||||
<Navigation /> |
||||
<ThemeSwitch /> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<main> |
||||
<div className="max-w-5xl px-8 py-4 mx-auto max-w">{children}</div> |
||||
</main> |
||||
<footer className="py-8"> |
||||
<div className="max-w-5xl px-8 mx-auto"> |
||||
Разработано{' '} |
||||
<a |
||||
className="text-gray-900 dark:text-white" |
||||
href="https://krasnikov.pro" |
||||
> |
||||
Krasnikov.pro |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Layout; |
||||
@ -0,0 +1,12 @@ |
||||
import React from 'react'; |
||||
|
||||
export const RegistrationForm = (): JSX.Element => { |
||||
|
||||
return ( |
||||
<> |
||||
|
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default RegistrationForm; |
||||
@ -0,0 +1,12 @@ |
||||
import React from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
|
||||
return ( |
||||
<> |
||||
|
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,45 @@ |
||||
import React from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
|
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,47 @@ |
||||
import React from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => console.log(json.user)) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,47 @@ |
||||
import React from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => console.log(json.user)) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,47 @@ |
||||
import React from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => console.log(res)) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,47 @@ |
||||
import React from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => console.log(json)) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,50 @@ |
||||
import React, {useState} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState(0); |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json.user)) |
||||
|
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,50 @@ |
||||
import React, {useState} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState(0); |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
|
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,51 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState(0); |
||||
useEffect(() => {
|
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json))
|
||||
}); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,51 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState(0); |
||||
useEffect(() => {
|
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json))
|
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,51 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState(0); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
Фиксики |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
МАОУ СОШ 103 |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,55 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState(0); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows) => { |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
} |
||||
)} |
||||
|
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,55 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows) => { |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
} |
||||
)} |
||||
|
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,55 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
|
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,55 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
|
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,54 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,60 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
Иван, Петр, Дмитрий |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,60 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +' ' + rows.name_second_participant + ' ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,60 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,60 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', /n' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,60 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,82 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<><div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
</table> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,65 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<><div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
</table> |
||||
</div> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,65 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<><div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
</table> |
||||
</div> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
|
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,67 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<><div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
|
||||
|
||||
|
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) |
||||
)} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Класс |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
1 |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
|
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.class} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(...rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows,count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min([rows.class])} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,61 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class[0])} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(parseInt(rows.class, 10))} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(parseInt(rows.class))} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min([4,5,7]} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min((4,5,7)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(4,5,7)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(5,4,7)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.class} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,62 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user) |
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,63 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(user[3].class) |
||||
|
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,63 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(Math.min(user[3].class)) |
||||
|
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,63 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(Math.min(user[2].class)) |
||||
|
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,63 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(Math.min(5,2,6)) |
||||
|
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,63 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(Math.min(5,6,8)) |
||||
|
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
@ -0,0 +1,63 @@ |
||||
import React, {useState, useEffect} from 'react'; |
||||
|
||||
export const LoadingTeamsForm = (): JSX.Element => { |
||||
const [user, setUser] = useState([]); |
||||
useEffect(() => { |
||||
fetch('/api/loadingLegisteredCommands', { method: 'POST'}) |
||||
.then(res => res.json()) |
||||
.then(json => setUser(json)) |
||||
},[1]); |
||||
console.log(Math.min(8,6,8)) |
||||
|
||||
return ( |
||||
<div className="relative overflow-x-auto shadow-md sm:rounded-lg"> |
||||
<div className="px-4 sm:px-2 m-4 block"> |
||||
<h3 className="text-lg font-medium leading-6">Зарегистрированные команды</h3> |
||||
</div> |
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> |
||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"> |
||||
<tr> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Название команды |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО тренера |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Учебное заведение |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
ФИО участников |
||||
</th> |
||||
<th scope="col" className="px-6 py-3"> |
||||
Возрастная группа |
||||
</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
{user.map((rows, count) => ( |
||||
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700" key={count}> |
||||
<th scope="row" className="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap"> |
||||
{rows.team_name} |
||||
</th> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_team_coach} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.training_institution_team} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{rows.name_first_participant +', ' + rows.name_second_participant + ', ' + rows.name_third_party} |
||||
</td> |
||||
<td className="px-6 py-4"> |
||||
{Math.min(rows.class)} |
||||
</td> |
||||
</tr> |
||||
) )} |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default LoadingTeamsForm; |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue