GitFileRow
Jeden zmieniony plik z rodzajem zmiany jako literą, nazwą przed folderem i akcjami do dodania do poczekalni albo odrzucenia. Wybierz go dla zmian w katalogu roboczym i w poczekalni; wiersze umieść w List.
- GitFileRow
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: GitFileRow
Staged (2)
Modified, QuickOpen.tsxsrc/search
Added, fuzzy.tssrc/search
Changes (4)
Deleted, notes.mddocs
Renamed, rows.tsxsrc/codeRenamed from src/code/internal.tsx
Conflict, SettingsAccountsConnections.tsxpackages/desktop/src/renderer/views/a-really-long-folder-name
Untracked, scratch.txt
Noc, podgląd: GitFileRow
Staged (2)
Modified, QuickOpen.tsxsrc/search
Added, fuzzy.tssrc/search
Changes (4)
Deleted, notes.mddocs
Renamed, rows.tsxsrc/codeRenamed from src/code/internal.tsx
Conflict, SettingsAccountsConnections.tsxpackages/desktop/src/renderer/views/a-really-long-folder-name
Untracked, scratch.txt
Wysoki kontrast, podgląd: GitFileRow
Staged (2)
Modified, QuickOpen.tsxsrc/search
Added, fuzzy.tssrc/search
Changes (4)
Deleted, notes.mddocs
Renamed, rows.tsxsrc/codeRenamed from src/code/internal.tsx
Conflict, SettingsAccountsConnections.tsxpackages/desktop/src/renderer/views/a-really-long-folder-name
Untracked, scratch.txt
UżycieLink do sekcji Użycie
import { GitFileRow } from '@skribly/ui/code'<List aria-label="Changes" items={files}>
{(file) => (
<GitFileRow id={file.path} path={file.path} kind={file.kind} kindLabel={t(`git.${file.kind}`)}
onAction={() => openDiff(file)}
actions={<IconButton label={t('git.stage', { path: file.path })} size="sm" onPress={() => stage(file)}><Plus aria-hidden /></IconButton>} />
)}
</List>Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Lista jest jednym przystankiem w kolejności Tab: strzałka w górę i w dół przechodzi między plikami, wpisywanie przeskakuje do ścieżki, Enter uruchamia onAction, a strzałka w prawo dociera do przycisków w wierszu.
- Rodzaj zmiany jest odczytywany jako słowo przed ścieżką; litera na ekranie jest ukryta i różni się też kształtem (nazwa usuniętego pliku jest przekreślona).
- Akcje po najechaniu zostają na stronie i pokazują się przy fokusie, na ekranach dotykowych i w trybie wymuszonych kolorów.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.