Add another test

README.md

@@ -12,6 +12,7 @@ Minecraft analytics and anti/PieRay helper.
 - Find two more corners: one with the same X chunk coordinate, one with the same Z chunk coordinate.
 - The solution is added.
 
+![Test6](images/test6.png?raw=true "Test6")
 ![Test5](images/test5.png?raw=true "Test5")
 ![Test1](images/test1.png?raw=true "Test1")
 ![Test2](images/test2.png?raw=true "Test2")

src/components/Analytics.tsx

@@ -9,12 +9,12 @@ import {
 } from 'recharts'
 import type { GameLog, TimeSeries } from '../types'
 import { addSampleToTimeseries } from '../utils/timeseries'
-import { Heading, Link, Spacer } from '@chakra-ui/react'
+import { Heading, Link } from '@chakra-ui/react'
 
 const vanillaTimestamp = /^\[(\d\d:\d\d:\d\d)\]/
 const lunarTimestamp = /^\[(\d\d\d\d-\d\d-\d\d \d\d:\d\d:\d\d.\d\d\d)\]/
 
-const connectingTo = /Connecting to (\W),/
+const connectingTo = /Connecting to (\S+),/
 const soldContainer = /Successfully sold a container worth: \$([,\d]+.\d+)!/
 
 const contentDelimiter = ': '
@@ -168,7 +168,7 @@ export function Analytics() {
 
   return (
     <>
-      <Heading>{serverName || 'Analytics'}</Heading>
+      <Heading>📊 {serverName || ''}</Heading>
       <Heading as="h6" size="xs">
         Game log&nbsp;
         <Link

src/components/App.tsx

@@ -9,24 +9,27 @@ import {
   TabPanel,
   TabPanels,
   Spacer,
+  Box,
+  useColorMode,
+  useColorModeValue,
 } from '@chakra-ui/react'
 import React from 'react'
 import { PieRayHelper } from './PieRayHelper'
 import { Analytics } from './Analytics'
 
 function App() {
   return (
-    <Container>
-      <Tabs variant="soft-rounded" colorScheme="green" defaultIndex={1}>
-        <Flex alignItems="center">
+    <Tabs variant="soft-rounded" colorScheme="green" defaultIndex={1}>
+      <Box bg={useColorModeValue('gray.100', 'gray.900')} px={4}>
+        <Flex alignItems="center" height="6rem">
           <IconButton
             aria-label="logo"
+            width = "5rem"
             icon={
               <Image src="https://github.com/GreenAppers/EmpireUtils/blob/389e3594b37a48f48d01fd8b8b48fa09fe9987fa/images/1024.png?raw=true" />
             }
           />
           &nbsp;
-          <Spacer />
           <TabList>
             <Tab>Analytics</Tab>
             <Tab>Anti/PieRay</Tab>
@@ -35,18 +38,18 @@ function App() {
             <Tab>Waypoints</Tab>
           </TabList>
         </Flex>
-        <TabPanels>
-          <TabPanel>
-            <Analytics />
-          </TabPanel>
-          <TabPanel>
-            <PieRayHelper />
-          </TabPanel>
-          <TabPanel></TabPanel>
-          <TabPanel></TabPanel>
-        </TabPanels>
-      </Tabs>
-    </Container>
+      </Box>
+      <TabPanels>
+        <TabPanel>
+          <Analytics />
+        </TabPanel>
+        <TabPanel>
+          <PieRayHelper />
+        </TabPanel>
+        <TabPanel></TabPanel>
+        <TabPanel></TabPanel>
+      </TabPanels>
+    </Tabs>
   )
 }
 

src/components/PieRayHelper.tsx

@@ -218,8 +218,10 @@ export function PieRayHelper() {
   return (
     <>
       <Flex>
-        <Heading>🥧📡 Anti/PieRay Helper</Heading>
-        <Spacer />
+        <Heading>
+          <Tooltip label="Anti/PieRay Helper">🥧📡</Tooltip>
+        </Heading>
+        &nbsp;
         <Box>
           <Tooltip label="Show help">
             <IconButton
@@ -228,6 +230,7 @@ export function PieRayHelper() {
               onClick={() => setShowHelp(!showHelp)}
             />
           </Tooltip>
+          &nbsp;
           <Tooltip label="Open logfile">
             <IconButton
               aria-label="Logfile"
@@ -239,6 +242,7 @@ export function PieRayHelper() {
               }
             />
           </Tooltip>
+          &nbsp;
           <Tooltip label="Clear">
             <IconButton
               aria-label="Clear"

src/index.css

@@ -1,7 +1,4 @@
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
     Arial, sans-serif;
-  margin: auto;
-  max-width: 40rem;
-  padding: 2rem;
 }

src/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Empire Utils</title>
+    <title>🏰 Empire Utils</title>
   </head>
   <body>
     <div id="root"></div>