diff --git a/README.md b/README.md
index 681d6e1a..5816d918 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,17 @@ Dev Setup :
git clone --recursive https://github.com/notV3NOM/genshin-optimizer.git
yarn
npx nx serve frontend
+```
+
+Tests :
+
+```bash
+npx nx run frontend:test
+```
+Lint :
+
+```bash
npx nx format write
```
@@ -15,3 +25,9 @@ Production Build :
```bash
npx nx run frontend:build-webpack:production
```
+
+Changelog :
+
+- Hide lesser used pages
+- Dark Mode
+- Additional sort on generated builds by any target
diff --git a/apps/frontend/src/app/Components/Character/StatDisplayComponent.tsx b/apps/frontend/src/app/Components/Character/StatDisplayComponent.tsx
index 212da9a7..81ba76e5 100644
--- a/apps/frontend/src/app/Components/Character/StatDisplayComponent.tsx
+++ b/apps/frontend/src/app/Components/Character/StatDisplayComponent.tsx
@@ -48,7 +48,12 @@ export default function StatDisplayComponent({
{sections.map(([key, Nodes]) => (
-
+
))}
@@ -58,9 +63,11 @@ export default function StatDisplayComponent({
function Section({
displayNs,
sectionKey,
+ sortBase,
}: {
displayNs: DisplaySub
sectionKey: string
+ sortBase: string[]
}) {
const optimizationTarget = useContext(OptimizationTargetContext)
const { data, oldData } = useContext(DataContext)
@@ -100,6 +107,9 @@ function Section({
JSON.stringify(optimizationTarget) ===
JSON.stringify([sectionKey, nodeKey])
}
+ secondaryEmphasize={
+ JSON.stringify(sortBase) === JSON.stringify([sectionKey, nodeKey])
+ }
/>
))}
diff --git a/apps/frontend/src/app/Components/FieldDisplay.tsx b/apps/frontend/src/app/Components/FieldDisplay.tsx
index 8321f677..1699efae 100644
--- a/apps/frontend/src/app/Components/FieldDisplay.tsx
+++ b/apps/frontend/src/app/Components/FieldDisplay.tsx
@@ -97,11 +97,13 @@ export function NodeFieldDisplay({
oldValue,
component,
emphasize,
+ secondaryEmphasize,
}: {
node: NodeDisplay
oldValue?: number
component?: React.ElementType
emphasize?: boolean
+ secondaryEmphasize?: boolean
}) {
const { data } = useContext(DataContext)
const { setFormulaData } = useContext(FormulaDataContext)
@@ -142,7 +144,11 @@ export function NodeFieldDisplay({
display: 'flex',
justifyContent: 'space-between',
gap: 1,
- boxShadow: emphasize ? '0px 0px 0px 2px red inset' : undefined,
+ boxShadow: emphasize
+ ? '0px 0px 0px 2px red inset'
+ : secondaryEmphasize
+ ? '0px 0px 0px 2px yellow inset'
+ : undefined,
}}
component={component}
>
diff --git a/apps/frontend/src/app/PageArtifact/ArtifactEditor.tsx b/apps/frontend/src/app/PageArtifact/ArtifactEditor.tsx
index 6d69ed28..afacfe12 100644
--- a/apps/frontend/src/app/PageArtifact/ArtifactEditor.tsx
+++ b/apps/frontend/src/app/PageArtifact/ArtifactEditor.tsx
@@ -796,18 +796,16 @@ export default function ArtifactEditor({
)}
- {process.env.NODE_ENV === 'development' && (
- }
- onClick={() =>
- artifactDispatch({
- type: 'overwrite',
- artifact: randomizeArtifact(),
- })
- }
- >{t`editor.btnRandom`}
- )}
+ }
+ onClick={() =>
+ artifactDispatch({
+ type: 'overwrite',
+ artifact: randomizeArtifact(),
+ })
+ }
+ >{t`editor.btnRandom`}
{old && oldType !== 'edit' && (