Skip to content

Commit 83cb44a

Browse files
alex-rawlings-yycalex-rawlings-yyc
committed
Update remaining tw- tags
1 parent 2f83dae commit 83cb44a

4 files changed

Lines changed: 51 additions & 51 deletions

File tree

‎src/components/CreateProjectModal.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -92,50 +92,50 @@ export function CreateProjectModal({
9292
if (stringsLoading) return undefined;
9393

9494
return (
95-
<div className="tw-fixed tw-inset-0 tw-z-50 tw-flex tw-items-center tw-justify-center tw-bg-black/40">
95+
<div className="tw:fixed tw:inset-0 tw:z-50 tw:flex tw:items-center tw:justify-center tw:bg-black/40">
9696
<dialog
9797
aria-labelledby="create-project-modal-title"
98-
className="tw-bg-background tw-text-foreground tw-rounded tw-border tw-border-border tw-p-6 tw-w-96 tw-shadow-lg"
98+
className="tw:bg-background tw:text-foreground tw:rounded tw:border tw:border-border tw:p-6 tw:w-96 tw:shadow-lg"
9999
open
100100
>
101101
<h2
102102
id="create-project-modal-title"
103-
className="tw-text-base tw-font-semibold tw-text-foreground tw-mb-4"
103+
className="tw:text-base tw:font-semibold tw:text-foreground tw:mb-4"
104104
>
105105
{localizedStrings['%interlinearizer_modal_create_title%']}
106106
</h2>
107-
<label className="tw-block tw-text-sm tw-mb-1" htmlFor="project-name">
107+
<label className="tw:block tw:text-sm tw:mb-1" htmlFor="project-name">
108108
{localizedStrings['%interlinearizer_modal_create_name_label%']}
109109
</label>
110110
<input
111111
id="project-name"
112-
className="tw-w-full tw-rounded tw-border tw-border-border tw-bg-muted tw-text-foreground tw-px-3 tw-py-1.5 tw-text-sm tw-mb-3"
112+
className="tw:w-full tw:rounded tw:border tw:border-border tw:bg-muted tw:text-foreground tw:px-3 tw:py-1.5 tw:text-sm tw:mb-3"
113113
value={name}
114114
onChange={(e) => setName(e.target.value)}
115115
placeholder={localizedStrings['%interlinearizer_modal_create_name_placeholder%']}
116116
/>
117-
<label className="tw-block tw-text-sm tw-mb-1" htmlFor="project-description">
117+
<label className="tw:block tw:text-sm tw:mb-1" htmlFor="project-description">
118118
{localizedStrings['%interlinearizer_modal_create_description_label%']}
119119
</label>
120120
<textarea
121121
id="project-description"
122-
className="tw-w-full tw-rounded tw-border tw-border-border tw-bg-muted tw-text-foreground tw-px-3 tw-py-1.5 tw-text-sm tw-mb-3 tw-resize-none"
122+
className="tw:w-full tw:rounded tw:border tw:border-border tw:bg-muted tw:text-foreground tw:px-3 tw:py-1.5 tw:text-sm tw:mb-3 tw:resize-none"
123123
rows={2}
124124
value={description}
125125
onChange={(e) => setDescription(e.target.value)}
126126
placeholder={localizedStrings['%interlinearizer_modal_create_description_placeholder%']}
127127
/>
128-
<label className="tw-block tw-text-sm tw-mb-1" htmlFor="analysis-language">
128+
<label className="tw:block tw:text-sm tw:mb-1" htmlFor="analysis-language">
129129
{localizedStrings['%interlinearizer_modal_create_language_label%']}
130130
</label>
131131
<input
132132
id="analysis-language"
133-
className="tw-w-full tw-rounded tw-border tw-border-border tw-bg-muted tw-text-foreground tw-px-3 tw-py-1.5 tw-text-sm tw-mb-4"
133+
className="tw:w-full tw:rounded tw:border tw:border-border tw:bg-muted tw:text-foreground tw:px-3 tw:py-1.5 tw:text-sm tw:mb-4"
134134
value={analysisLanguage}
135135
onChange={(e) => setAnalysisLanguage(e.target.value)}
136136
placeholder={localizedStrings['%interlinearizer_modal_create_language_placeholder%']}
137137
/>
138-
<div className="tw-flex tw-gap-2 tw-justify-end">
138+
<div className="tw:flex tw:gap-2 tw:justify-end">
139139
<Button variant="secondary" onClick={onClose} disabled={isSubmitting}>
140140
{localizedStrings['%interlinearizer_modal_create_cancel%']}
141141
</Button>

‎src/components/InterlinearizerLoader.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -115,9 +115,9 @@ export default function InterlinearizerLoader({
115115
}, [webViewMenuPossiblyError, activeProject]);
116116

117117
return (
118-
<div className="tw-flex tw-flex-col tw-h-full">
118+
<div className="tw:flex tw:flex-col tw:h-full">
119119
<TabToolbar
120-
className="tw-z-10"
120+
className="tw:z-10"
121121
projectMenuData={projectMenuData}
122122
startAreaChildren={
123123
interfaceMode === 'power' ? (
@@ -147,9 +147,9 @@ export default function InterlinearizerLoader({
147147
{hasError || showLoading || !book ? (
148148
<div className="tw:flex tw:flex-col tw:gap-4 tw:p-4">
149149
{bookError && (
150-
<div className="tw-flex tw-flex-col tw-gap-2">
151-
<h2 className="tw-text-lg tw-font-medium tw-text-destructive">Error loading book</h2>
152-
<pre className="tw-overflow-auto tw-rounded-md tw-bg-muted tw-text-foreground tw-p-4 tw-text-sm">
150+
<div className="tw:flex tw:flex-col tw:gap-2">
151+
<h2 className="tw:text-lg tw:font-medium tw:text-destructive">Error loading book</h2>
152+
<pre className="tw:overflow-auto tw:rounded-md tw:bg-muted tw:text-foreground tw:p-4 tw:text-sm">
153153
{bookError}
154154
</pre>
155155
</div>
@@ -160,7 +160,7 @@ export default function InterlinearizerLoader({
160160
<h2 className="tw:text-lg tw:font-medium tw:text-destructive">
161161
Error processing book
162162
</h2>
163-
<pre className="tw-overflow-auto tw-rounded-md tw-bg-muted tw-text-foreground tw-p-4 tw-text-sm">
163+
<pre className="tw:overflow-auto tw:rounded-md tw:bg-muted tw:text-foreground tw:p-4 tw:text-sm">
164164
{tokenizeError.message}
165165
</pre>
166166
</div>

‎src/components/ProjectMetadataModal.tsx‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -146,48 +146,48 @@ export function ProjectMetadataModal({
146146
if (stringsLoading) return undefined;
147147

148148
return (
149-
<div className="tw-fixed tw-inset-0 tw-z-50 tw-flex tw-items-center tw-justify-center tw-bg-black/40">
149+
<div className="tw:fixed tw:inset-0 tw:z-50 tw:flex tw:items-center tw:justify-center tw:bg-black/40">
150150
<dialog
151151
aria-labelledby="project-metadata-modal-title"
152152
aria-modal="true"
153-
className="tw-bg-background tw-text-foreground tw-rounded-lg tw-border tw-border-border tw-p-6 tw-w-[32rem] tw-shadow-lg"
153+
className="tw:bg-background tw:text-foreground tw:rounded-lg tw:border tw:border-border tw:p-6 tw:w-lg tw:shadow-lg"
154154
open
155155
>
156156
<h2
157157
id="project-metadata-modal-title"
158-
className="tw-text-base tw-font-semibold tw-text-foreground tw-mb-4"
158+
className="tw:text-base tw:font-semibold tw:text-foreground tw:mb-4"
159159
>
160160
{localizedStrings['%interlinearizer_modal_metadata_title%']}
161161
</h2>
162162

163163
{/* Editable fields */}
164-
<div className="tw-flex tw-flex-col tw-gap-3 tw-mb-4">
165-
<div className="tw-flex tw-flex-col tw-gap-1">
164+
<div className="tw:flex tw:flex-col tw:gap-3 tw:mb-4">
165+
<div className="tw:flex tw:flex-col tw:gap-1">
166166
<label
167-
className="tw-text-xs tw-font-medium tw-text-muted-foreground tw-uppercase tw-tracking-wide"
167+
className="tw:text-xs tw:font-medium tw:text-muted-foreground tw:uppercase tw:tracking-wide"
168168
htmlFor="metadata-edit-name"
169169
>
170170
{localizedStrings['%interlinearizer_modal_metadata_name_label%']}
171171
</label>
172172
<input
173173
id="metadata-edit-name"
174-
className="tw-rounded tw-border tw-border-border tw-bg-background tw-px-2 tw-py-1 tw-text-sm tw-text-foreground"
174+
className="tw:rounded tw:border tw:border-border tw:bg-background tw:px-2 tw:py-1 tw:text-sm tw:text-foreground"
175175
value={editName}
176176
placeholder={localizedStrings['%interlinearizer_modal_metadata_name_placeholder%']}
177177
onChange={(e) => setEditName(e.target.value)}
178178
/>
179179
</div>
180180

181-
<div className="tw-flex tw-flex-col tw-gap-1">
181+
<div className="tw:flex tw:flex-col tw:gap-1">
182182
<label
183-
className="tw-text-xs tw-font-medium tw-text-muted-foreground tw-uppercase tw-tracking-wide"
183+
className="tw:text-xs tw:font-medium tw:text-muted-foreground tw:uppercase tw:tracking-wide"
184184
htmlFor="metadata-edit-description"
185185
>
186186
{localizedStrings['%interlinearizer_modal_metadata_description_label%']}
187187
</label>
188188
<textarea
189189
id="metadata-edit-description"
190-
className="tw-rounded tw-border tw-border-border tw-bg-background tw-px-2 tw-py-1 tw-text-sm tw-text-foreground tw-resize-none"
190+
className="tw:rounded tw:border tw:border-border tw:bg-background tw:px-2 tw:py-1 tw:text-sm tw:text-foreground tw:resize-none"
191191
rows={2}
192192
value={editDescription}
193193
placeholder={
@@ -197,16 +197,16 @@ export function ProjectMetadataModal({
197197
/>
198198
</div>
199199

200-
<div className="tw-flex tw-flex-col tw-gap-1">
200+
<div className="tw:flex tw:flex-col tw:gap-1">
201201
<label
202-
className="tw-text-xs tw-font-medium tw-text-muted-foreground tw-uppercase tw-tracking-wide"
202+
className="tw:text-xs tw:font-medium tw:text-muted-foreground tw:uppercase tw:tracking-wide"
203203
htmlFor="metadata-edit-language"
204204
>
205205
{localizedStrings['%interlinearizer_modal_metadata_analysis_language_label%']}
206206
</label>
207207
<input
208208
id="metadata-edit-language"
209-
className="tw-rounded tw-border tw-border-border tw-bg-background tw-px-2 tw-py-1 tw-text-sm tw-text-foreground tw-font-mono"
209+
className="tw:rounded tw:border tw:border-border tw:bg-background tw:px-2 tw:py-1 tw:text-sm tw:text-foreground tw:font-mono"
210210
value={editLanguage}
211211
placeholder={
212212
localizedStrings['%interlinearizer_modal_metadata_language_placeholder%']
@@ -217,7 +217,7 @@ export function ProjectMetadataModal({
217217
</div>
218218

219219
{/* Read-only metadata */}
220-
<dl className="tw-flex tw-flex-col tw-gap-2 tw-mb-5">
220+
<dl className="tw:flex tw:flex-col tw:gap-2 tw:mb-5">
221221
<MetadataRow
222222
label={localizedStrings['%interlinearizer_modal_metadata_id_label%']}
223223
value={interlinearProjectId}
@@ -236,14 +236,14 @@ export function ProjectMetadataModal({
236236

237237
{/* Footer */}
238238
{confirmingDelete ? (
239-
<div className="tw-rounded tw-border tw-border-destructive/40 tw-bg-destructive/5 tw-px-3 tw-py-2">
240-
<p className="tw-font-medium tw-text-foreground tw-mb-0.5">
239+
<div className="tw:rounded tw:border tw:border-destructive/40 tw:bg-destructive/5 tw:px-3 tw:py-2">
240+
<p className="tw:font-medium tw:text-foreground tw:mb-0.5">
241241
{localizedStrings['%interlinearizer_modal_metadata_delete_confirm_title%']}
242242
</p>
243-
<p className="tw-text-xs tw-text-muted-foreground tw-mb-2">
243+
<p className="tw:text-xs tw:text-muted-foreground tw:mb-2">
244244
{localizedStrings['%interlinearizer_modal_metadata_delete_confirm_body%']}
245245
</p>
246-
<div className="tw-flex tw-gap-2 tw-justify-end">
246+
<div className="tw:flex tw:gap-2 tw:justify-end">
247247
<Button
248248
variant="secondary"
249249
size="sm"
@@ -263,16 +263,16 @@ export function ProjectMetadataModal({
263263
</div>
264264
</div>
265265
) : (
266-
<div className="tw-flex tw-gap-2 tw-justify-between">
266+
<div className="tw:flex tw:gap-2 tw:justify-between">
267267
<Button
268268
variant="destructive"
269269
onClick={() => setConfirmingDelete(true)}
270270
disabled={isSubmitting}
271271
>
272-
<Trash2 size={13} className="tw-mr-1" />
272+
<Trash2 size={13} className="tw:mr-1" />
273273
{localizedStrings['%interlinearizer_modal_metadata_delete%']}
274274
</Button>
275-
<div className="tw-flex tw-gap-2">
275+
<div className="tw:flex tw:gap-2">
276276
<Button variant="secondary" onClick={onClose} disabled={isSubmitting}>
277277
{localizedStrings['%interlinearizer_modal_metadata_close%']}
278278
</Button>
@@ -302,12 +302,12 @@ function MetadataRow({
302302
mono,
303303
}: Readonly<{ label: string; value: string; mono?: boolean }>) {
304304
return (
305-
<div className="tw-flex tw-flex-col tw-gap-0.5">
306-
<dt className="tw-text-xs tw-font-medium tw-text-muted-foreground tw-uppercase tw-tracking-wide">
305+
<div className="tw:flex tw:flex-col tw:gap-0.5">
306+
<dt className="tw:text-xs tw:font-medium tw:text-muted-foreground tw:uppercase tw:tracking-wide">
307307
{label}
308308
</dt>
309309
<dd
310-
className={['tw-text-sm tw-break-all tw-text-foreground', mono ? 'tw-font-mono' : '']
310+
className={['tw:text-sm tw:break-all tw:text-foreground', mono ? 'tw:font-mono' : '']
311311
.filter(Boolean)
312312
.join(' ')}
313313
>

‎src/components/SelectInterlinearProjectModal.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -128,45 +128,45 @@ export function SelectInterlinearProjectModal({
128128
if (stringsLoading) return undefined;
129129

130130
return (
131-
<div className="tw-fixed tw-inset-0 tw-z-50 tw-flex tw-items-center tw-justify-center tw-bg-black/40">
131+
<div className="tw:fixed tw:inset-0 tw:z-50 tw:flex tw:items-center tw:justify-center tw:bg-black/40">
132132
<dialog
133133
aria-labelledby="select-project-modal-title"
134-
className="tw-bg-background tw-text-foreground tw-rounded-lg tw-border tw-border-border tw-p-6 tw-w-[32rem] tw-shadow-lg"
134+
className="tw:bg-background tw:text-foreground tw:rounded-lg tw:border tw:border-border tw:p-6 tw:w-lg tw:shadow-lg"
135135
open
136136
>
137137
<h2
138138
id="select-project-modal-title"
139-
className="tw-text-base tw-font-semibold tw-text-foreground tw-mb-4"
139+
className="tw:text-base tw:font-semibold tw:text-foreground tw:mb-4"
140140
>
141141
{localizedStrings['%interlinearizer_modal_select_title%']}
142142
</h2>
143143

144144
{projects.length === 0 ? (
145-
<p className="tw-text-sm tw-text-muted-foreground tw-mb-4">
145+
<p className="tw:text-sm tw:text-muted-foreground tw:mb-4">
146146
{localizedStrings['%interlinearizer_modal_select_none%']}
147147
</p>
148148
) : (
149-
<ul className="tw-flex tw-flex-col tw-gap-1 tw-mb-4 tw-max-h-96 tw-overflow-y-auto">
149+
<ul className="tw:flex tw:flex-col tw:gap-1 tw:mb-4 tw:max-h-96 tw:overflow-y-auto">
150150
{projects.map((project) => (
151-
<li key={project.id} className="tw-flex tw-items-center tw-gap-1">
151+
<li key={project.id} className="tw:flex tw:items-center tw:gap-1">
152152
<button
153153
type="button"
154-
className="tw-flex-1 tw-flex tw-items-center tw-gap-2 tw-rounded tw-border tw-border-border tw-bg-muted/40 tw-px-3 tw-py-2 tw-text-left tw-text-sm hover:tw-bg-muted/70 tw-transition-colors tw-min-w-0"
154+
className="tw:flex-1 tw:flex tw:items-center tw:gap-2 tw:rounded tw:border tw:border-border tw:bg-muted/40 tw:px-3 tw:py-2 tw:text-left tw:text-sm tw:hover:bg-muted/70 tw:transition-colors tw:min-w-0"
155155
onClick={() => onSelect(project)}
156156
>
157-
<span className="tw-font-medium tw-text-foreground tw-truncate">
157+
<span className="tw:font-medium tw:text-foreground tw:truncate">
158158
{project.name ??
159159
localizedStrings['%interlinearizer_modal_select_name_unnamed%']}
160160
</span>
161-
<span className="tw-font-mono tw-text-xs tw-text-muted-foreground tw-shrink-0">
161+
<span className="tw:font-mono tw:text-xs tw:text-muted-foreground tw:shrink-0">
162162
{project.analysisWritingSystem}
163163
</span>
164164
</button>
165165
<Button
166166
variant="ghost"
167167
size="icon"
168168
aria-label={localizedStrings['%interlinearizer_modal_select_info_button_label%']}
169-
className="tw-shrink-0"
169+
className="tw:shrink-0"
170170
onClick={() => onViewInfo(project)}
171171
>
172172
<Info size={15} />
@@ -176,7 +176,7 @@ export function SelectInterlinearProjectModal({
176176
</ul>
177177
)}
178178

179-
<div className="tw-flex tw-gap-2 tw-justify-end">
179+
<div className="tw:flex tw:gap-2 tw:justify-end">
180180
<Button variant="secondary" onClick={onClose} disabled={isLoading}>
181181
{localizedStrings['%interlinearizer_modal_select_cancel%']}
182182
</Button>

0 commit comments

Comments
 (0)