sebse/node-factorio-recipes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling of home

Browse Source
This commit is contained in:
Sebastian Seedorf
2022-08-22 17:04:39 +02:00
parent 537a18fb88
commit d964748a66
55 changed files with 1791 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/visualize/NodeOverview/NodeOverview.tsx
View File

@@ -43,7 +43,7 @@ export const NodeOverview: FC<Props> = ({ node, className, ...props }) => {
</div>
) : null}
<h4>
<I18n id={'page.visualize.imports'} />
<I18n id={'page.visualize.overview.imports'} />
</h4>
<div className={styles.small}>
{node.inputs.map(input => (
@@ -53,7 +53,7 @@ export const NodeOverview: FC<Props> = ({ node, className, ...props }) => {
{node.outputs.length ? (
<>
<h4>
<I18n id={'page.visualize.exports'} />
<I18n id={'page.visualize.overview.exports'} />
</h4>
<div className={styles.small}>
{node.outputs.map(input => (

13
components/visualize/PageDetails.tsx
View File

@@ -9,8 +9,11 @@ import Head from 'next/head'
import { ScrollContainer } from './ScrollContainer/ScrollContainer'
import { ProducingGraph } from './ProducingGraph/ProducingGraph'
import { useFactories } from '../contexts/FactoryProvider'
import { i18n, I18n } from '../shared/I18n/I18n'
import { useIntl } from 'react-intl'
export const PageDetails: FC = () => {
const intl = useIntl()
const {
query: { name }
} = useRouter()
@@ -61,12 +64,16 @@ export const PageDetails: FC = () => {
return (
<>
<Head>
<title>Factorio Microservices</title>
<meta name='description' content='Create Factorio microservices' />
<title>
<I18n id={'page.visualize.details.title'} values={{ name: group?.name ?? '' }} />
</title>
<meta name='description' content={i18n(intl, 'page.home.head.meta.description')} />
</Head>
<main>
<ScrollContainer>
<h1>{name}</h1>
<h1>
<I18n id={'page.visualize.details.title'} values={{ name: group?.name ?? '' }} />
</h1>
<ProducingGraph
nodes={producingNodes}
inputs={inputFactories}

13
components/visualize/PageOverview.tsx
View File

@@ -6,8 +6,11 @@ import { ScrollContainer } from './ScrollContainer/ScrollContainer'
import { ProducingGraph } from './ProducingGraph/ProducingGraph'
import { NodeOverview, OverviewGraphNode } from './NodeOverview/NodeOverview'
import { useFactories } from '../contexts/FactoryProvider'
import { i18n, I18n } from '../shared/I18n/I18n'
import { useIntl } from 'react-intl'
export const PageOverview: FC = () => {
const intl = useIntl()
const { exportedFactories, baseFactories, groups } = useGroups()
const { findFactory } = useFactories()
@@ -28,12 +31,16 @@ export const PageOverview: FC = () => {
return (
<>
<Head>
<title>Factorio Microservices</title>
<meta name='description' content='Create Factorio microservices' />
<title>
<I18n id={'page.visualize.details.title'} />
</title>
<meta name='description' content={i18n(intl, 'page.home.head.meta.description')} />
</Head>
<main>
<ScrollContainer>
<h1>Factorio Microservices</h1>
<h1>
<I18n id={'page.visualize.details.title'} />
</h1>
<ProducingGraph
nodes={producingNodes}
inputs={baseFactories}