Merge pull request #166 from cephie-studios/tutorial

fix(local docker & tutorial)

Author: 1ceit

docker-compose.dev.yml

@@ -16,7 +16,7 @@ services:
     networks:
       - pfcontrol-network
     healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U pfcontrol"]
+      test: [ "CMD-SHELL", "pg_isready -U pfcontrol" ]
       interval: 10s
       timeout: 5s
       retries: 5
@@ -32,38 +32,16 @@ services:
     networks:
       - pfcontrol-network
     healthcheck:
-      test: ["CMD", "redis-cli", "ping"]
+      test: [ "CMD", "redis-cli", "ping" ]
       interval: 10s
       timeout: 3s
       retries: 5
 
-  pfcontrol-dev:
-    build:
-      context: .
-      dockerfile: Dockerfile.dev
-    ports:
-      - "9901:9901"
-      - "5173:5173"
-    environment:
-      - NODE_ENV=development
-    env_file:
-      - .env.development
-    volumes:
-      - .:/app
-      - /app/node_modules
-    restart: unless-stopped
-    networks:
-      - pfcontrol-network
-    depends_on:
-      postgres:
-        condition: service_healthy
-      redis:
-        condition: service_healthy
-
 volumes:
   postgres_data:
   redis_data:
 
+
 networks:
   pfcontrol-network:
     driver: bridge

server/db/sessions.ts

@@ -44,7 +44,7 @@ export async function createSession({
 
   if (isTutorial) {
     await addFlight(sessionId, {
-      callsign: 'EXAMPLE123',
+      callsign: 'DLH123',
       aircraft: 'A320',
       flight_type: 'IFR',
       departure: airportIcao,

src/components/tables/ArrivalsTable.tsx

@@ -446,7 +446,7 @@ function ArrivalsTable({
                 </th>
                 {arrivalsColumns.callsign !== false && (
                   <th
-                    className="py-2.5 px-4 text-left cursor-pointer select-none hover:bg-green-700"
+                    className="py-2.5 px-4 text-left column-callsign cursor-pointer select-none hover:bg-green-700"
                     onClick={() => handleSort('callsign')}
                   >
                     CALLSIGN
@@ -604,7 +604,7 @@ function ArrivalsTable({
                       </span>
                     </td>
                     {arrivalsColumns.callsign !== false && (
-                      <td className="py-2 px-4">
+                      <td className="py-2 px-4 column-callsign">
                         <span
                           className="text-white font-mono"
                           title={

src/components/tables/DepartureTable.tsx

@@ -591,7 +591,7 @@ function DepartureTable({
                 </th>
                 {departureColumns.callsign !== false && (
                   <th
-                    className="py-2.5 px-4 text-left w cursor-pointer select-none hover:bg-blue-700"
+                    className="py-2.5 px-4 text-left column-callsign w cursor-pointer select-none hover:bg-blue-700"
                     onClick={() => handleSort('callsign')}
                   >
                     CALLSIGN
@@ -781,7 +781,7 @@ function DepartureTable({
                       </span>
                     </td>
                     {departureColumns.callsign !== false && (
-                      <td className="py-2 px-4">
+                      <td className="py-2 px-4 column-callsign">
                         <div
                           title={
                             !airlinesLoading

src/components/tutorial/TutorialStepsCreate.ts

@@ -44,7 +44,7 @@ export const steps: {
     target: '#pfatc-checkbox',
     title: 'PFATC Network',
     content:
-      "Check this if you're controlling on the PFATC Network. This makes your session publicly visible.",
+      "Check this if you're controlling on the PFATC Network. This makes your session publicly visible. (Enabled for tutorial)",
     placement: 'top' as Placement,
     disableNext: true,
   },

src/components/tutorial/TutorialStepsFlights.ts

@@ -127,9 +127,17 @@ export const steps: {
     disableNext: true,
   },
   {
-    target: '#departure-table .w',
+    target: '#departure-table th.column-callsign',
     title: 'CALLSIGN',
-    content: "The flight's callsign (e.g., BAW123). Enter or edit as needed.",
+    content: "The flight's callsign (e.g., DLH123). Enter or edit as needed.",
+    placement: 'top',
+    disableNext: true,
+  },
+  {
+    target: '#departure-table td.column-callsign',
+    title: 'Callsign Tooltip',
+    content:
+      'You can hover over a callsign and the spoken version will appear in a tool tip.',
     placement: 'top',
     disableNext: true,
   },