Changeset 1b5c18b for pages

Timestamp:

01/28/26 21:15:38 (5 months ago)

Author:

Mihail <mihail2.naumov@…>

Branches:

main

Children:

adc31ef

Parents:

1d8f088

Message:

Fixed specs displaying in the forge page and some scaling issues.

Location:

pages/forge

Files:

• +Page.tsx (modified) (1 diff)
• utils/RenderSpecs.tsx (modified) (3 diffs)

pages/forge/+Page.tsx

@@ -538 +538 @@
                     Add Optional Component
                 </Button>
-                <Menu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={() => setAnchorEl(null)}>
+                <Menu
+                    anchorEl={anchorEl}
+                    open={Boolean(anchorEl)}
+                    onClose={() => setAnchorEl(null)}
+                    anchorReference="none"
+                    sx={{
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                    }}
+                    slotProps={{
+                        paper: {
+                            sx: {
+                                position: 'absolute',
+                                top: '30%',
+                                // left: '50%',
+                                // transform: 'translate(50%, +50%)',
+                            }
+                        }
+                    }}
+                >
                     {/*Removed RAM & Storage from optional components*/}
                     <Typography sx={{px: 2, py: 1, display: 'block', color: 'text.secondary'}}>

pages/forge/utils/RenderSpecs.tsx

@@ -1 @@
-import { Chip, Typography } from '@mui/material';
+import {Chip, Typography} from '@mui/material';
 import React from "react";
 
@@ -10 +10 @@
 
     switch (type) {
+
         case 'cpu':
-            if (val('socket')) specs.push(val('socket'));
+            if (val('socket')) specs.push(`Socket: ${val('socket')}`);
             if (val('cores')) specs.push(`${val('cores')} Cores / ${val('threads')} Threads`);
             const base = data.baseclock || data.baseClock || data.base_clock;
             const boost = data.boostclock || data.boostClock || data.boost_clock;
-            if (base) specs.push(`Base: ${base}GHz`);
-            if (boost) specs.push(`Boost: ${boost}GHz`);
+            if (base) specs.push(`Base Clock Speed: ${base}GHz`);
+            if (boost) specs.push(`Boost Clock Speed: ${boost}GHz`);
             break;
         case 'gpu':
-            if (val('vram')) specs.push(`${val('vram')}GB VRAM`);
-            if (val('chipset')) specs.push(val('chipset'));
-            if (val('length')) specs.push(`L: ${val('length')}mm`);
+            if (val('vram')) specs.push(`VRAM: ${val('vram')}GB`);
+            if (val('tdp')) specs.push(`Card TDP: ${val('tdp')}W`);
+            if (val('length')) specs.push(`Length: ${val('length')}mm`);
+            if (val('baseClock')) specs.push(`Base Clock Speed: ${val('baseClock')}GHz`);
+            if (val('boostClock')) specs.push(`Boost Clock Speed: ${val('boostClock')}GHz`);
             break;
         case 'motherboard':
-            if (val('socket')) specs.push(val('socket'));
-            if (val('formfactor')) specs.push(val('formfactor'));
-            if (val('ramtype')) specs.push(val('ramtype'));
+            if (val('socket')) specs.push(`Socket: ${val('socket')}`);
+            if (val('formFactor')) specs.push(`Form Factor: ${val('formFactor')}`);
+            if (val('ramType')) specs.push(`RAM Type: ${val('ramType')}`);
+            if (val('numRamSlots')) specs.push(`RAM Slots: ${val('numRamSlots')}`);
+            if (val('maxRamCapacity')) specs.push(`Max Ram Caacity: ${val('maxRamCapacity')}GB`);
             break;
         case 'memory':
-            if (val('capacity')) specs.push(`${val('capacity')}GB`);
-            if (val('type')) specs.push(val('type'));
-            if (val('speed')) specs.push(`${val('speed')} MHz`);
-            if (val('modules')) specs.push(`${val('modules')}x`);
+            if (val('capacity')) specs.push(`Size Per Stick: ${val('capacity')}GB`);
+            if (val('type')) specs.push(`RAM Type: ${val('type')}`);
+            if (val('speed')) specs.push(`RAM Speed: ${val('speed')} MHz`);
+            if (val('modules')) specs.push(`Modules: ${val('modules')}`);
             break;
         case 'storage':
-            if (val('capacity')) specs.push(`${val('capacity')}GB`);
-            if (val('type')) specs.push(val('type'));
+            if (val('capacity')) specs.push(`Capacity: ${val('capacity')}GB`);
+            if (val('type')) specs.push(`Type: ${val('type')}`);
             break;
         case 'power_supply':
             if (val('wattage')) specs.push(`Wattage: ${val('wattage')}W`);
-            if (val('type')) specs.push(val('type'));
+            if (val('type')) specs.push(`Type: ${val('type')}`);
+            if (val('formFactor')) specs.push(`Form Factor: ${val('formFactor')}`);
             break;
         case 'case':
@@ -47 +53 @@
             break;
         case 'cooler':
-            if (val('type')) specs.push(`${val('type')} Cooler`);
-            if (val('height')) specs.push(`${val('height')}mm`);
+            if (val('type')) specs.push(`Cooler Type: ${val('type')} Cooler`);
+            if (val('height')) specs.push(`Height: ${val('height')}mm`);
+            if (val('maxTdpSupported')) specs.push(`Max TDP: ${val('maxTdpSupported')}W`);
+            break;
+        case 'network_card':
+            if (val('interface')) specs.push(`Interface: ${val('interface')}`);
+            if (val('numPorts')) specs.push(`Number of Ports: ${val('numPorts')}`);
+            if (val('speed')) specs.push(`Speed: ${val('speed')}Mbps`);
+            break;
+        case 'network_adapter':
+            if (val('interface')) specs.push(`Interface: ${val('interface')}`);
+            if (val('numAntennas')) specs.push(`Number of Antennas: ${val('numAntennas')}`);
+            if (val('wifiVersion')) specs.push(`Wi-Fi Version: ${val('wifiVersion')}`);
+            break;
+        case 'sound_card':
+            if (val('interface')) specs.push(`Interface: ${val('interface')}`);
+            if (val('chipset')) specs.push(`Chipset: ${val('chipset')}`);
+            if (val('channel')) specs.push(`Channels: ${val('channel')}`);
+            break;
+        case 'memory_card':
+            if (val('interface')) specs.push(`Interface: ${val('interface')}`);
+            if (val('numSlots')) specs.push(`Number of Slots: ${val('numSlots')}`);
+            break;
+        case 'optical_drive':
+            if (val('interface')) specs.push(`Interface: ${val('interface')}`);
+            if (val('type')) specs.push(`Type: ${val('type')}`);
+            if (val('formFactor')) specs.push(`Form Factor: ${val('formFactor')}`);
+            break;
+        case 'cables':
+            if (val('type')) specs.push(`Type of Cables: ${val('type')}`);
+            if (val('lengthCm')) specs.push(`Length: ${val('lengthCm')}cm`);
             break;
         default: