working on main page

Author: TretinV3

components/layout.tsx

@@ -11,10 +11,6 @@ export default function Layout({ children, bg, getHeightViewport }: any) {
 
     const NavBar = useRef<HTMLDivElement>(null);
     useResizeObserver(NavBar, (entry) => getHeightViewport(`(100vh - ${entry.contentRect.height}px)`));
-    const countUpRef = useRef(null);
-    let stupidEnd = Math.floor(Math.random() * 1000)
-    let [stupidCounter, setStupidCounter] = useState<number>(0);
-    const [renderClientSideComponent, setRenderClientSideComponent] = useState(false);
 
     // useEffect(() => {
     //     setInterval(() => {
@@ -30,13 +26,11 @@ export default function Layout({ children, bg, getHeightViewport }: any) {
             </Head>
             <AppBar position="fixed" id="NavBar" sx={{ zIndex: (theme) => theme.zIndex.drawer + 1 }} ref={NavBar}>
                 <Toolbar>
-                    <Typography variant="h4" noWrap sx={{ flexGrow: 1 }}>
-                        Trapped Chest
-                    </Typography>
-
-                    {/* <Typography variant="h3" sx={{ mx: 'auto' }}>
-                        {stupidEnd}
-                    </Typography> */}
+                    <Link href='/' passHref>
+                        <Typography variant="h4" noWrap sx={{ flexGrow: 1, cursor: 'pointer' }} >
+                            Trapped Chest
+                        </Typography>
+                    </Link>
                     <Box sx={{ flexGrow: 1 }} />
                     <Stack direction="row" spacing={3}>
                         <Link href="https://discord.gg/E8qq6tN">

components/trapped/inventory.tsx

@@ -42,7 +42,7 @@ export default function GuiInventory({ gui, index, isEditError, onEdit, onClick,
                                 }}>
                                     {gui.data[i * 9 + j] &&
                                         <Box sx={{ position: 'relative', width: '100%', height: '100%' }}>
-                                            <Image src={`/images/items/minecraft__${gui.data[i * 9 + j].id}.png`} layout='fill' alt={gui.data[i * 9 + j].id} />
+                                            <Image src={`/images/items/minecraft__${gui.data[i * 9 + j].id}.png`} layout='fill' alt={gui.data[i * 9 + j].id} style={{imageRendering: 'pixelated'}}/>
                                             <Typography sx={{ position: 'absolute', bottom: 0, right: 0 }}>{gui.data[i * 9 + j].count}</Typography>
                                         </Box>
                                     }

lib/constants.ts

@@ -1,5 +1,6 @@
 
 export const itemListURL = "https://raw.githubusercontent.com/PixiGeko/Minecraft-generated-data/latest-release/custom-generated/registries/item.txt";
+export const blockListURL = "https://raw.githubusercontent.com/PixiGeko/Minecraft-generated-data/latest-release/custom-generated/registries/block.txt";
 
 export function reorder<T>(list: Array<T>, startIndex: number, endIndex: number): Array<T> {
     const result = Array.from(list);

package-lock.json

@@ -33,6 +33,8 @@
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "17.0.2",
     "react-material-ui-carousel": "^3.4.2",
+    "react-swipeable-views": "^0.14.0",
+    "react-swipeable-views-utils": "^0.14.0",
     "react-transition-group": "^4.4.2",
     "rete-react-render-plugin": "^0.3.0"
   },
@@ -41,6 +43,8 @@
     "@types/node": "^16.11.6",
     "@types/react": "17.0.33",
     "@types/react-beautiful-dnd": "^13.1.2",
+    "@types/react-swipeable-views": "^0.13.1",
+    "@types/react-swipeable-views-utils": "^0.13.4",
     "autoprefixer": "^10.4.12",
     "eslint": "7.32.0",
     "eslint-config-next": "12.0.1",