Skip to content

Commit 3209a74

Browse files
yyyortyyyort
authored
Merge pull request #378 from CodebilityDev/miguel/fix-inhouse-mobile-edit-text-color
miguel/fix inhouse mobile edit text color
2 parents 4926e1e + 9005678 commit 3209a74

2 files changed

Lines changed: 53 additions & 25 deletions

File tree

‎apps/codebility/app/home/in-house/_components/shared/ProjectSelect.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ export function ProjectSelect({
6666
<div className="space-y-2">
6767
{/* Dropdown for selecting more projects */}
6868
<Select onValueChange={handleProjectChange} disabled={disabled}>
69-
<SelectTrigger className="border-light-700 dark:border-dark-200 bg-light-800 dark:bg-dark-200 w-full">
69+
<SelectTrigger className="border-light-700 dark:border-dark-200 bg-light-800 dark:bg-dark-200 dark:text-light-900 w-full text-black">
7070
<SelectValue placeholder="Select a project" />
7171
</SelectTrigger>
7272
<SelectContent className="bg-light-800 dark:bg-dark-200">

‎apps/codebility/app/home/in-house/_components/table/MobileEditableForm.tsx‎

Lines changed: 52 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -223,8 +223,12 @@ export function MobileEditableForm({
223223
)}
224224
</div>
225225
<div>
226-
<h3 className="text-sm font-semibold dark:text-white">Edit Member</h3>
227-
<p className="text-xs text-gray-600 dark:text-gray-400">Update information</p>
226+
<h3 className="text-sm font-semibold dark:text-white">
227+
Edit Member
228+
</h3>
229+
<p className="text-xs text-gray-600 dark:text-gray-400">
230+
Update information
231+
</p>
228232
</div>
229233
</div>
230234
<div className="flex gap-2">
@@ -253,48 +257,56 @@ export function MobileEditableForm({
253257
{/* Name fields */}
254258
<div className="grid grid-cols-2 gap-2">
255259
<div>
256-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">First Name</label>
260+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
261+
First Name
262+
</label>
257263
<Input
258264
value={editForm.first_name || ""}
259265
onChange={(e) => handleLocalChange("first_name", e.target.value)}
260266
disabled={isSubmitting || isUploading}
261-
className="h-8 text-sm"
267+
className="h-8 text-sm dark:text-white"
262268
/>
263269
</div>
264270
<div>
265-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Last Name</label>
271+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
272+
Last Name
273+
</label>
266274
<Input
267275
value={editForm.last_name || ""}
268276
onChange={(e) => handleLocalChange("last_name", e.target.value)}
269277
disabled={isSubmitting || isUploading}
270-
className="h-8 text-sm"
278+
className="h-8 text-sm dark:text-white"
271279
/>
272280
</div>
273281
</div>
274282

275283
{/* Email */}
276284
<div>
277-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Email</label>
285+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
286+
Email
287+
</label>
278288
<Input
279289
value={editForm.email_address || ""}
280290
onChange={(e) => handleLocalChange("email_address", e.target.value)}
281291
disabled={isSubmitting || isUploading}
282-
className="h-8 text-sm"
292+
className="h-8 text-sm dark:text-white"
283293
/>
284294
</div>
285295

286296
{/* Status and Role */}
287297
<div className="grid grid-cols-2 gap-2">
288298
<div>
289-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Status</label>
299+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
300+
Status
301+
</label>
290302
<Select
291303
value={editForm.internal_status || undefined}
292304
onValueChange={(value: InternalStatus) =>
293305
handleLocalChange("internal_status", value)
294306
}
295307
disabled={isSubmitting || isUploading}
296308
>
297-
<SelectTrigger className="h-8 text-sm">
309+
<SelectTrigger className="h-8 text-sm text-gray-900 dark:text-white">
298310
<SelectValue placeholder="Select status" />
299311
</SelectTrigger>
300312
<SelectContent>
@@ -307,15 +319,17 @@ export function MobileEditableForm({
307319
</Select>
308320
</div>
309321
<div>
310-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Role</label>
322+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
323+
Role
324+
</label>
311325
<Select
312326
value={String(editForm.role_id || "")}
313327
onValueChange={(value) =>
314328
handleLocalChange("role_id", parseInt(value))
315329
}
316330
disabled={isSubmitting || isUploading}
317331
>
318-
<SelectTrigger className="h-8 text-sm">
332+
<SelectTrigger className="h-8 text-sm text-gray-900 dark:text-white">
319333
<SelectValue placeholder="Select role" />
320334
</SelectTrigger>
321335
<SelectContent>
@@ -331,15 +345,17 @@ export function MobileEditableForm({
331345

332346
{/* Position */}
333347
<div>
334-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Position</label>
348+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
349+
Position
350+
</label>
335351
<Select
336352
value={editForm.display_position || ""}
337353
onValueChange={(value) =>
338354
handleLocalChange("display_position", value)
339355
}
340356
disabled={isSubmitting || isUploading}
341357
>
342-
<SelectTrigger className="h-8 text-sm">
358+
<SelectTrigger className="h-8 text-sm text-gray-900 dark:text-white">
343359
<SelectValue placeholder="Select position" />
344360
</SelectTrigger>
345361
<SelectContent>
@@ -354,7 +370,9 @@ export function MobileEditableForm({
354370

355371
{/* Projects */}
356372
<div>
357-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Projects</label>
373+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
374+
Projects
375+
</label>
358376
<ProjectSelect
359377
value={editForm.projects || []}
360378
onChange={(projects) => handleLocalChange("projects", projects)}
@@ -365,15 +383,17 @@ export function MobileEditableForm({
365383
{/* NDA Status and Availability */}
366384
<div className="grid grid-cols-2 gap-2">
367385
<div>
368-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">NDA Status</label>
386+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
387+
NDA Status
388+
</label>
369389
<Select
370390
value={editForm.nda_status ? "Yes" : "No"}
371391
onValueChange={(value) =>
372392
handleLocalChange("nda_status", value === "Yes")
373393
}
374394
disabled={isSubmitting || isUploading}
375395
>
376-
<SelectTrigger className="h-8 text-sm">
396+
<SelectTrigger className="h-8 text-sm text-gray-900 dark:text-white">
377397
<SelectValue placeholder="Select NDA status" />
378398
</SelectTrigger>
379399
<SelectContent>
@@ -383,7 +403,9 @@ export function MobileEditableForm({
383403
</Select>
384404
</div>
385405
<div>
386-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Available</label>
406+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
407+
Available
408+
</label>
387409
<div className="mt-1">
388410
<SwitchStatusButton
389411
isActive={editForm.availability_status ?? false}
@@ -401,19 +423,25 @@ export function MobileEditableForm({
401423

402424
{/* Portfolio */}
403425
<div>
404-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Portfolio</label>
426+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
427+
Portfolio
428+
</label>
405429
<Input
406430
value={editForm.portfolio_website || ""}
407-
onChange={(e) => handleLocalChange("portfolio_website", e.target.value)}
431+
onChange={(e) =>
432+
handleLocalChange("portfolio_website", e.target.value)
433+
}
408434
disabled={isSubmitting || isUploading}
409435
placeholder="https://..."
410-
className="h-8 text-sm"
436+
className="h-8 text-sm text-gray-900 dark:text-white"
411437
/>
412438
</div>
413439

414440
{/* Date Joined */}
415441
<div>
416-
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">Date Joined</label>
442+
<label className="mb-1 block text-xs text-gray-600 dark:text-gray-400">
443+
Date Joined
444+
</label>
417445
<Input
418446
type="date"
419447
value={
@@ -428,10 +456,10 @@ export function MobileEditableForm({
428456
handleLocalChange("date_joined", dateValue);
429457
}}
430458
disabled={isSubmitting || isUploading}
431-
className="h-8 text-sm"
459+
className="h-8 text-sm text-gray-900 dark:text-white"
432460
/>
433461
</div>
434462
</div>
435463
</div>
436464
);
437-
}
465+
}

0 commit comments

Comments
 (0)