Give the "no devices connected" alerts a title
Splits the placeholder text into an AlertTitle ("No devices connected
yet") and an AlertDescription for the rest, in both ButtplugConsole
and ReplayPlayer.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -22,7 +22,7 @@ import { DeviceCard } from "./DeviceCard";
|
|||||||
import { RecordControls } from "./RecordControls";
|
import { RecordControls } from "./RecordControls";
|
||||||
import { NameSessionDialog } from "./NameSessionDialog";
|
import { NameSessionDialog } from "./NameSessionDialog";
|
||||||
import { Card, CardContent } from "@/components/ui/card";
|
import { Card, CardContent } from "@/components/ui/card";
|
||||||
import { Alert, AlertDescription } from "@/components/ui/alert";
|
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
|
||||||
import { Info } from "lucide-react";
|
import { Info } from "lucide-react";
|
||||||
|
|
||||||
interface ActiveSession {
|
interface ActiveSession {
|
||||||
@@ -244,9 +244,9 @@ export function ButtplugConsole() {
|
|||||||
{Object.keys(devices).length === 0 ? (
|
{Object.keys(devices).length === 0 ? (
|
||||||
<Alert className="bp-glass">
|
<Alert className="bp-glass">
|
||||||
<Info />
|
<Info />
|
||||||
|
<AlertTitle>No devices connected yet</AlertTitle>
|
||||||
<AlertDescription>
|
<AlertDescription>
|
||||||
No devices connected yet. Scan to discover nearby toys, then select one from your browser's
|
Scan to discover nearby toys, then select one from your browser's pairing prompt.
|
||||||
pairing prompt.
|
|
||||||
</AlertDescription>
|
</AlertDescription>
|
||||||
</Alert>
|
</Alert>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ import { SessionPlayer, type SessionEventRow } from "@/lib/buttplug/player";
|
|||||||
import { useButtplugStore } from "@/lib/buttplug/store";
|
import { useButtplugStore } from "@/lib/buttplug/store";
|
||||||
import type { ActuatorInfo, ReplayDeviceSlot } from "@/lib/buttplug/types";
|
import type { ActuatorInfo, ReplayDeviceSlot } from "@/lib/buttplug/types";
|
||||||
import { Info, Pause, Play } from "lucide-react";
|
import { Info, Pause, Play } from "lucide-react";
|
||||||
import { Alert, AlertDescription } from "@/components/ui/alert";
|
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
|
||||||
|
|
||||||
interface ReplayDataResponse {
|
interface ReplayDataResponse {
|
||||||
session: {
|
session: {
|
||||||
@@ -166,9 +166,9 @@ export function ReplayPlayer({ sessionId }: { sessionId: number }) {
|
|||||||
{connectedDevices.length === 0 && (
|
{connectedDevices.length === 0 && (
|
||||||
<Alert className="bp-glass">
|
<Alert className="bp-glass">
|
||||||
<Info />
|
<Info />
|
||||||
|
<AlertTitle>No devices connected yet</AlertTitle>
|
||||||
<AlertDescription>
|
<AlertDescription>
|
||||||
No devices connected yet. Scan to discover nearby toys, then match them to this session's
|
Scan to discover nearby toys, then match them to this session's original device slots.
|
||||||
original device slots.
|
|
||||||
</AlertDescription>
|
</AlertDescription>
|
||||||
</Alert>
|
</Alert>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user