anatolykopyl/warframe-center
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Docker deploy yml
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-03-18 22:24:25 +03:00
parent 2198e134d6
commit 2c4cd8ca5d
7 changed files with 100 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/Footer.js Normal file
View File

@@ -0,0 +1,9 @@
import { Component } from 'react'
export default class Footer extends Component {
render () {
return (
<div>Footer</div>
)
}
}

2
app/components/layout.js
View File

@@ -1,4 +1,5 @@
import Head from 'next/head'
import Footer from './Footer'
export default function Layout ({ children }) {
return (
@@ -8,6 +9,7 @@ export default function Layout ({ children }) {
<link rel='icon' href='/favicon.ico' />
</Head>
<main>{children}</main>
<Footer />
</>
)
}

32
app/package-lock.json generated
View File

@@ -13,6 +13,7 @@
"next": "latest",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-moment": "^1.1.1",
"reset-css": "^5.0.1",
"sass": "^1.49.9",
"shared-stuff": "file:../shared-stuff"
@@ -3126,6 +3127,15 @@
"version": "1.2.5",
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
},
"node_modules/moment": {
"version": "2.29.1",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
"integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
"peer": true,
"engines": {
"node": "*"
}
},
"node_modules/ms": {
"version": "2.1.2",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
@@ -3521,6 +3531,16 @@
"version": "16.13.1",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
},
"node_modules/react-moment": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/react-moment/-/react-moment-1.1.1.tgz",
"integrity": "sha512-WjwvxBSnmLMRcU33do0KixDB+9vP3e84eCse+rd+HNklAMNWyRgZTDEQlay/qK6lcXFPRuEIASJTpEt6pyK7Ww==",
"peerDependencies": {
"moment": "^2.29.0",
"prop-types": "^15.7.0",
"react": "^16.0 || ^17.0.0"
}
},
"node_modules/react-transition-group": {
"version": "4.4.2",
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
@@ -6142,6 +6162,12 @@
"version": "1.2.5",
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
},
"moment": {
"version": "2.29.1",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
"integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
"peer": true
},
"ms": {
"version": "2.1.2",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
@@ -6397,6 +6423,12 @@
"version": "16.13.1",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
},
"react-moment": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/react-moment/-/react-moment-1.1.1.tgz",
"integrity": "sha512-WjwvxBSnmLMRcU33do0KixDB+9vP3e84eCse+rd+HNklAMNWyRgZTDEQlay/qK6lcXFPRuEIASJTpEt6pyK7Ww==",
"requires": {}
},
"react-transition-group": {
"version": "4.4.2",
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",

1
app/package.json
View File

@@ -14,6 +14,7 @@
"next": "latest",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-moment": "^1.1.1",
"reset-css": "^5.0.1",
"sass": "^1.49.9",
"shared-stuff": "file:../shared-stuff"

29
app/pages/home/Table.js
View File

@@ -1,6 +1,7 @@
import { Component } from 'react'
import { DataGrid } from '@mui/x-data-grid'
import { Link } from '@mui/material'
import { Link, Typography, Box } from '@mui/material'
import Moment from 'react-moment'
export default class Table extends Component {
constructor ({ scanResults }) {
@@ -16,13 +17,27 @@ export default class Table extends Component {
flex: 2,
renderCell: (cellValues) => {
return (
<Link
target='_blank'
href={cellValues.row.url}
rel='noreferrer'
<Box
component='span'
sx={{
display: 'block'
}}
>
{cellValues.row.fullName}
</Link>
<Link
target='_blank'
href={cellValues.row.url}
rel='noreferrer'
>
{cellValues.row.fullName}
</Link>
<Typography variant='caption' display='block'>
<Moment
format='DD.MM hh:mm'
>
{cellValues.row.updatedAt}
</Moment>
</Typography>
</Box>
)
}
},

34
app/styles/_fonts.scss
View File

@@ -2,21 +2,21 @@ $text-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
sans-serif;
$font-h0: normal normal bold 56px/64px $text-font;
$font-h1: normal normal bold 48px/56px $text-font;
$font-h2: normal normal bold 40px/48px $text-font;
$font-h3: normal normal bold 36px/44px $text-font;
$font-h4: normal normal bold 32px/40px $text-font;
$font-h5: normal normal bold 28px/36px $text-font;
$font-h6: normal normal bold 24px/32px $text-font;
$font-h7: normal normal bold 20px/26px $text-font;
$font-h8: normal normal bold 18px/24px $text-font;
$font-h9: normal normal bold 16px/20px $text-font;
$font-h0: normal normal 300 56px/64px $text-font;
$font-h1: normal normal 300 48px/56px $text-font;
$font-h2: normal normal 300 40px/48px $text-font;
$font-h3: normal normal 300 36px/44px $text-font;
$font-h4: normal normal 300 32px/40px $text-font;
$font-h5: normal normal 300 28px/36px $text-font;
$font-h6: normal normal 300 24px/32px $text-font;
$font-h7: normal normal 300 20px/26px $text-font;
$font-h8: normal normal 300 18px/24px $text-font;
$font-h9: normal normal 300 16px/20px $text-font;
$font-r8: normal normal normal 24px/30px $text-font;
$font-r7: normal normal normal 22px/28px $text-font;
$font-r6: normal normal normal 20px/26px $text-font;
$font-r5: normal normal normal 18px/24px $text-font;
$font-r4: normal normal normal 16px/22px $text-font;
$font-r3: normal normal normal 14px/18px $text-font;
$font-r2: normal normal normal 12px/16px $text-font;
$font-r8: normal normal 300 24px/30px $text-font;
$font-r7: normal normal 300 22px/28px $text-font;
$font-r6: normal normal 300 20px/26px $text-font;
$font-r5: normal normal 300 18px/24px $text-font;
$font-r4: normal normal 300 16px/22px $text-font;
$font-r3: normal normal 300 14px/18px $text-font;
$font-r2: normal normal 300 12px/16px $text-font;