quietlight/skraak.app - Change 4SDYLIN2RF7RT4U6T4PKLXRQ7ON4SZOTDHMWFQQQE27E4EMFEQVQC

fix file modal styling

Created by AEj8dahVWy718uSSFPe9VSRJ5qX5G8pC2zvFzJJ8yzBd on July 9, 2025

4SDYLIN2RF7RT4U6T4PKLXRQ7ON4SZOTDHMWFQQQE27E4EMFEQVQC

Dependencies

In channels

main

Change contents

Insertion in src/components/File.tsx at line 10 [4.1]

[3.635]

[4.405]

import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "./ui/table";

Replacement in src/components/File.tsx at line 905 [4.1]

B:BD[2.1547] → [2.1547:2395]

                <div className="overflow-x-auto">
                  <table className="w-full text-sm border-collapse">
                    <thead>
                      <tr className="border-b">
                        <th className="text-left p-2">Start (s)</th>
                        <th className="text-left p-2">End (s)</th>
                        <th className="text-left p-2">Freq (Hz)</th>
                        <th className="text-left p-2">Description</th>
                        <th className="text-left p-2">Species</th>
                        <th className="text-left p-2">Species Certainty</th>
                        <th className="text-left p-2">Call Type</th>
                        <th className="text-left p-2">Call Type Certainty</th>
                      </tr>
                    </thead>
                    <tbody>

[2.1547]

[2.2395]

                <div className="w-full overflow-visible">
                  <Table>
                    <TableHeader className="bg-muted">
                      <TableRow className="border-b-2 border-primary/20">
                        <TableHead className="py-3 font-bold text-sm uppercase">Start (s)</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">End (s)</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">Freq (Hz)</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">Description</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">Species</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">Species Certainty</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">Call Type</TableHead>
                        <TableHead className="py-3 font-bold text-sm uppercase">Call Type Certainty</TableHead>
                      </TableRow>
                    </TableHeader>
                    <TableBody>

Replacement in src/components/File.tsx at line 934 [4.1]

B:BD[2.3014] → [2.3014:3142]

                              <tr key={selection.id} className="border-b">
                                <td className="p-2">

[2.3014]

[2.3142]

                              <TableRow key={selection.id} className="hover:bg-primary/5">
                                <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 937 [4.1]

B:BD[2.3209] → [2.3209:3300]

                                </td>
                                <td className="p-2">

[2.3209]

[2.3300]

                                </TableCell>
                                <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 940 [4.1]

B:BD[2.3365] → [2.3365:3456]

                                </td>
                                <td className="p-2">

[2.3365]

[2.3456]

                                </TableCell>
                                <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 945 [4.1]

B:BD[2.3683] → [2.3683:3774]

                                </td>
                                <td className="p-2">

[2.3683]

[2.3774]

                                </TableCell>
                                <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 948 [4.1]

B:BD[2.3839] → [2.3839:4167]

                                </td>
                                <td className="p-2">No species detected</td>
                                <td className="p-2">-</td>
                                <td className="p-2">-</td>
                                <td className="p-2">-</td>
                              </tr>

[2.3839]

[2.4167]

                                </TableCell>
                                <TableCell className="whitespace-normal break-words">No species detected</TableCell>
                                <TableCell className="whitespace-normal break-words">-</TableCell>
                                <TableCell className="whitespace-normal break-words">-</TableCell>
                                <TableCell className="whitespace-normal break-words">-</TableCell>
                              </TableRow>

Replacement in src/components/File.tsx at line 961 [4.1]

B:BD[2.4436] → [2.4436:4474]

<tr

[2.4436]

[2.4474]

                                  <TableRow

Replacement in src/components/File.tsx at line 963 [4.1]

B:BD[2.4548] → [2.4548:4605]

                                    className="border-b"

[2.4548]

[2.4605]

                                    className="hover:bg-primary/5"

Replacement in src/components/File.tsx at line 965 [4.1]

B:BD[2.4641] → [2.4641:4698]

                                    <td className="p-2">

[2.4641]

[2.4698]

                                    <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 967 [4.1]

B:BD[2.4769] → [2.4769:4868]

                                    </td>
                                    <td className="p-2">

[2.4769]

[2.4868]

                                    </TableCell>
                                    <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 970 [4.1]

B:BD[2.4937] → [2.4937:5036]

                                    </td>
                                    <td className="p-2">

[2.4937]

[2.5036]

                                    </TableCell>
                                    <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 975 [4.1]

B:BD[2.5275] → [2.5275:5374]

                                    </td>
                                    <td className="p-2">

[2.5275]

[2.5374]

                                    </TableCell>
                                    <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 978 [4.1]

B:BD[2.5443] → [2.5443:5618]

                                    </td>
                                    <td className="p-2">{species.name}</td>
                                    <td className="p-2">

[2.5443]

[2.5618]

                                    </TableCell>
                                    <TableCell className="whitespace-normal break-words">{species.name}</TableCell>
                                    <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 984 [4.1]

B:BD[2.5801] → [2.5801:6009]

                                    </td>
                                    <td className="p-2">-</td>
                                    <td className="p-2">-</td>
                                  </tr>

[2.5801]

[2.6009]

                                    </TableCell>
                                    <TableCell className="whitespace-normal break-words">-</TableCell>
                                    <TableCell className="whitespace-normal break-words">-</TableCell>
                                  </TableRow>

Replacement in src/components/File.tsx at line 992 [4.1]

B:BD[2.6152] → [2.6152:6188]

<tr

[2.6152]

[2.6188]

                                <TableRow

Replacement in src/components/File.tsx at line 994 [4.1]

B:BD[2.6275] → [2.6275:6330]

                                  className="border-b"

[2.6275]

[2.6330]

                                  className="hover:bg-primary/5"

Replacement in src/components/File.tsx at line 996 [4.1]

B:BD[2.6364] → [2.6364:6419]

                                  <td className="p-2">

[2.6364]

[2.6419]

                                  <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 998 [4.1]

B:BD[2.6488] → [2.6488:6583]

                                  </td>
                                  <td className="p-2">

[2.6488]

[2.6583]

                                  </TableCell>
                                  <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 1001 [4.1]

B:BD[2.6650] → [2.6650:6745]

                                  </td>
                                  <td className="p-2">

[2.6650]

[2.6745]

                                  </TableCell>
                                  <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 1006 [4.1]

B:BD[2.6978] → [2.6978:7073]

                                  </td>
                                  <td className="p-2">

[2.6978]

[2.7073]

                                  </TableCell>
                                  <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 1009 [4.1]

B:BD[2.7140] → [2.7140:7309]

                                  </td>
                                  <td className="p-2">{species.name}</td>
                                  <td className="p-2">

[2.7140]

[2.7309]

                                  </TableCell>
                                  <TableCell className="whitespace-normal break-words">{species.name}</TableCell>
                                  <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 1015 [4.1]

B:BD[2.7486] → [2.7486:7656]

                                  </td>
                                  <td className="p-2">{callType.name}</td>
                                  <td className="p-2">

[2.7486]

[2.7656]

                                  </TableCell>
                                  <TableCell className="whitespace-normal break-words">{callType.name}</TableCell>
                                  <TableCell className="whitespace-normal break-words">

Replacement in src/components/File.tsx at line 1021 [4.1]

B:BD[2.7835] → [2.7835:7913]

                                  </td>
                                </tr>

[2.7835]

[2.7913]

                                  </TableCell>
                                </TableRow>

Replacement in src/components/File.tsx at line 1028 [4.1]

B:BD[2.8075] → [2.8075:8131]

                    </tbody>
                  </table>

[2.8075]

[2.8131]

                    </TableBody>
                  </Table>