🩹 fix(patch): fix casing in dashboard of Dev (#2398)

- `dev` should be `Dev` (to match `Proxy`).

## Type of change

**PATCH: backwards compatible change**

Author: kellymears

sources/@roots/bud-dashboard/src/views/server.tsx

@@ -32,9 +32,6 @@ export const Server = ({
   )
     return null
 
-  const ipv4 = externalNetworkInterface.ipv4Url(devUrl.protocol)
-  ipv4.port = devUrl.port
-
   return (
     <Box flexDirection="column">
       <Text color="blue">Network</Text>
@@ -46,31 +43,7 @@ export const Server = ({
         publicProxyUrl={publicProxyUrl}
       />
 
-      {devUrl?.href && (
-        <Box flexDirection="row" gap={2} paddingLeft={1}>
-          <Box minWidth={7}>
-            <Text color="white">{figures.pointerSmall} dev</Text>
-          </Box>
-
-          <Box flexDirection="column">
-            <Text dimColor wrap="truncate-end">
-              {figures.lineDashed0} {devUrl.href}
-            </Text>
-
-            {ipv4.href !== devUrl.href && (
-              <Text dimColor wrap="truncate-end">
-                {figures.lineDashed0} {ipv4.href}
-              </Text>
-            )}
-
-            {publicDevUrl && publicDevUrl?.href !== devUrl.href && (
-              <Text dimColor wrap="truncate-end">
-                {figures.lineDashed0} {publicDevUrl.href}
-              </Text>
-            )}
-          </Box>
-        </Box>
-      )}
+      <Dev devUrl={devUrl} publicDevUrl={publicDevUrl} />
     </Box>
   )
 }
@@ -108,4 +81,44 @@ const Proxy = ({
   )
 }
 
+const Dev = ({
+  devUrl,
+  publicDevUrl,
+}: {
+  devUrl: Props[`devUrl`]
+  publicDevUrl: Props[`publicDevUrl`]
+}) => {
+  if (!devUrl?.href) return null
+
+  const ipv4 = externalNetworkInterface.ipv4Url(devUrl.protocol)
+  ipv4.port = devUrl.port
+
+  return (
+    <Box flexDirection="row" gap={2} paddingLeft={1}>
+      <Box minWidth={7}>
+        <Text color="white">{figures.pointerSmall} Dev</Text>
+      </Box>
+
+      <Box flexDirection="column">
+        <Text dimColor wrap="truncate-end">
+          {figures.lineDashed0} {devUrl.href}
+        </Text>
+
+        {ipv4.href !== devUrl.href && (
+          <Text dimColor wrap="truncate-end">
+            {figures.lineDashed0} {ipv4.href}
+          </Text>
+        )}
+
+        {publicDevUrl && publicDevUrl?.href !== devUrl.href && (
+          <Text dimColor wrap="truncate-end">
+            {figures.lineDashed0} {publicDevUrl.href}
+          </Text>
+        )}
+      </Box>
+    </Box>
+  )
+}
+
+
 export {Server as default}

sources/@roots/bud-dashboard/test/app.test.tsx

@@ -425,7 +425,7 @@ describe(`@roots/bud-dashboard app component`, () => {
     expect(lines[14]).toMatch(/ › Proxy  ┄ http:\/\/.+:\d+\//)
     expect(lines[15]).toBe(Char.Empty)
     expect(lines[16]).toMatch(/          ┄ http:\/\/.+/)
-    expect(lines[17]).toMatch(/ › dev    ┄ http:\/\/.+\//)
+    expect(lines[17]).toMatch(/ › Dev    ┄ http:\/\/.+\//)
     expect(lines[18]).toMatch(
       /          ┄ http:\/\/\d+\.\d+\.\d+\.\d+:\d+\//,
     )
@@ -450,7 +450,7 @@ describe(`@roots/bud-dashboard app component`, () => {
       />,
     )
     const lines = stripAnsi(frames.pop()).split(Char.NewLine)
-    expect(lines[14]).toMatch(/ › dev    ┄ http:\/\/.+:\d+\//)
+    expect(lines[14]).toMatch(/ › Dev    ┄ http:\/\/.+:\d+\//)
   })
 
   it(`should not throw when crazy input happens`, () => {