Update Icons and Titles

Author: derwebcoder

src/components/protein-screen.tsx

@@ -41,9 +41,9 @@ export function ProteinScreen({
       <div style={{ padding: "16px 20px 0" }}>
         <div style={labelTiny}>◉ Today · {todayLabel()}</div>
         <h1 style={hero}>
-          PROTEIN
+          DAILY
           <br />
-          <span style={{ color: "#ff5a1f" }}>INTAKE.</span>
+          <span style={{ color: "#ff5a1f" }}>PROTEIN.</span>
         </h1>
       </div>
 

src/components/tab-bar.tsx

@@ -1,4 +1,5 @@
 import type { Tab } from "@/types/workout";
+import { Dumbbell, Milk, Settings } from "lucide-react";
 
 type Item = {
   id: Tab;
@@ -10,45 +11,17 @@ const ITEMS: Item[] = [
   {
     id: "protein",
     label: "Protein",
-    icon: (
-      <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
-        <path
-          d="M6 3l6 4 6-4v6c0 5-3 9-6 12-3-3-6-7-6-12V3z"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinejoin="round"
-        />
-      </svg>
-    ),
+    icon: <Milk />,
   },
   {
     id: "workouts",
     label: "Workouts",
-    icon: (
-      <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
-        <path
-          d="M2 12h2m16 0h2M6 6v12M18 6v12M9 9v6h6V9H9z"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-        />
-      </svg>
-    ),
+    icon: <Dumbbell />,
   },
   {
     id: "settings",
     label: "",
-    icon: (
-      <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
-        <circle cx="12" cy="12" r="3" stroke="currentColor" strokeWidth="2" />
-        <path
-          d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 11-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09a1.65 1.65 0 00-1-1.51 1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 11-2.83-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09a1.65 1.65 0 001.51-1 1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 112.83-2.83l.06.06a1.65 1.65 0 001.82.33h0a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51h0a1.65 1.65 0 001.82-.33l.06-.06a2 2 0 112.83 2.83l-.06.06a1.65 1.65 0 00-.33 1.82v0a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinejoin="round"
-        />
-      </svg>
-    ),
+    icon: <Settings />,
   },
 ];