Update descriptions, protobufs & bugfixes

src/components/Widgets/BatteryWidget.tsx

@@ -17,7 +17,7 @@ export const BatteryWidget = ({
 }: BatteryWidgetProps): JSX.Element => {
   return (
     <Card className="flex-col">
-      <Dropdown title="Position" icon={<BoltIcon className="h-4" />}>
+      <Dropdown title="Battery" icon={<BoltIcon className="h-4" />}>
         <div className="flex">
           <div className="flex w-20 bg-slate-700 p-3">
             <Battery100Icon className="m-auto h-12 text-white" />
@@ -27,7 +27,7 @@ export const BatteryWidget = ({
             <Mono>%</Mono>
           </span>
           <span className="m-auto text-lg">
-            {voltage}
+            {voltage.toPrecision(2)}
             <Mono>v</Mono>
           </span>
         </div>

src/components/Widgets/DeviceWidget.tsx

@@ -22,7 +22,7 @@ export const DeviceWidget = ({
   reconnect,
 }: DeviceWidgetProps): JSX.Element => {
   return (
-    <Card className="relative flex-col">
+    <Card className="relative shrink-0 flex-col">
       <div className="absolute bottom-20 h-full w-full">
         <Hashicon size={350} value={nodeNum} />
       </div>

src/components/Widgets/PeersWidget.tsx

@@ -21,8 +21,12 @@ export interface PeersWidgetProps {
 export const PeersWidget = ({ peers }: PeersWidgetProps): JSX.Element => {
   return (
     <Card className="flex-col">
-      <Dropdown title="Peers" icon={<UserGroupIcon className="h-4" />}>
-        <div className="p-3">
+      <Dropdown
+        title="Peers"
+        stat={peers.length}
+        icon={<UserGroupIcon className="h-4" />}
+      >
+        <div className="flex flex-col p-3">
           {peers.map((peer) => (
             <div
               className="flex gap-2 rounded-md p-2 hover:bg-slate-100"
@@ -49,6 +53,9 @@ export const PeersWidget = ({ peers }: PeersWidgetProps): JSX.Element => {
               </div>
             </div>
           ))}
+          {peers.length === 0 && (
+            <Mono className="m-auto">No devices discovered yet.</Mono>
+          )}
         </div>
       </Dropdown>
     </Card>