Skip to content

[FEAT] implement modules page projects modules #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
nazarli-shabnam wants to merge 17 commits into from
Closed

[FEAT] implement modules page projects modules #34

Show file tree
Hide file tree
Changes from 12 commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
3319b85
add stack view button and fix modules header
nazarli-shabnam Mar 16, 2026
4f1e4f1
fix header: add sort icon before 'Name' text
nazarli-shabnam Mar 16, 2026
628f344
replace IconUser with save/bookmark icon in module row
nazarli-shabnam Mar 16, 2026
b22c245
fix: project buttons hover fixtures
nazarli-shabnam Mar 16, 2026
10aa950
add moduleService.create in frontend, design improvements
nazarli-shabnam Mar 16, 2026
50cfafb
feat: implement search, add module button
nazarli-shabnam Mar 17, 2026
2707550
feat: filter and in progress buttons
nazarli-shabnam Mar 17, 2026
a468d46
fix: linting and few errors i found in modules page
nazarli-shabnam Mar 17, 2026
4cf137b
fix: formatting
nazarli-shabnam Mar 17, 2026
974ce88
add moduleService.get and listIssueIds; add route modules/:moduleId
nazarli-shabnam Mar 17, 2026
f2e130e
Create ModuleDetailPage with empty state, work items, actions
nazarli-shabnam Mar 17, 2026
09f7cac
add ModuleDetailHeader in PageHeader (breadcrumbs, view switcher, Fil…
nazarli-shabnam Mar 17, 2026
73b07aa
Redesign ModulesPage timeline to Gantt (left table, right grid, Week/…
nazarli-shabnam Mar 17, 2026
9e149b2
favourites implemented
nazarli-shabnam Mar 17, 2026
23da413
fix: lints, formats
nazarli-shabnam Mar 17, 2026
0da2044
add existing work item modal
nazarli-shabnam Mar 17, 2026
767434d
store filters in state; use name-only module routes
nazarli-shabnam Mar 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 20 additions & 22 deletions ui/src/components/CoverImageModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { useCallback, useEffect, useState } from "react";
import { useCallback, useEffect, useState } from "react";
import { Button, Modal } from "./ui";
import {
instanceSettingsService,
Expand Down Expand Up @@ -164,25 +164,25 @@ export function CoverImageModal({
footer={footer}
className="max-w-2xl"
>
<div className="flex gap-2 border-b border-[var(--border-subtle)] pb-3 mb-3">
<div className="flex gap-2 border-b border-(--border-subtle) pb-3 mb-3">
<button
type="button"
onClick={() => setTab(TAB_UNSPLASH)}
className={`rounded-[var(--radius-md)] px-3 py-1.5 text-sm font-medium transition-colors ${
className={`rounded-(--radius-md) px-3 py-1.5 text-sm font-medium transition-colors ${
tab === TAB_UNSPLASH
? "bg-[var(--brand-default)] text-white"
: "text-[var(--txt-secondary)] hover:bg-[var(--bg-layer-transparent-hover)]"
? "bg-(--brand-default) text-white"
: "text-(--txt-secondary) hover:bg-(--bg-layer-transparent-hover)"
}`}
>
Unsplash
</button>
<button
type="button"
onClick={() => setTab(TAB_UPLOAD)}
className={`rounded-[var(--radius-md)] px-3 py-1.5 text-sm font-medium transition-colors ${
className={`rounded-(--radius-md) px-3 py-1.5 text-sm font-medium transition-colors ${
tab === TAB_UPLOAD
? "bg-[var(--brand-default)] text-white"
: "text-[var(--txt-secondary)] hover:bg-[var(--bg-layer-transparent-hover)]"
? "bg-(--brand-default) text-white"
: "text-(--txt-secondary) hover:bg-(--bg-layer-transparent-hover)"
}`}
>
Upload
Expand All @@ -198,7 +198,7 @@ export function CoverImageModal({
onChange={(e) => setUnsplashQuery(e.target.value)}
onKeyDown={(e) => e.key === "Enter" && handleSearch()}
placeholder="Search for images"
className="min-w-0 flex-1 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-surface-1)] px-3 py-2 text-sm text-[var(--txt-primary)] placeholder:text-[var(--txt-placeholder)] focus:outline-none focus:border-[var(--border-strong)]"
className="min-w-0 flex-1 rounded-(--radius-md) border border-(--border-subtle) bg-(--bg-surface-1) px-3 py-2 text-sm text-(--txt-primary) placeholder:text-(--txt-placeholder) focus:outline-none focus:border-(--border-strong)"
/>
<Button
variant="secondary"
Expand All @@ -209,7 +209,7 @@ export function CoverImageModal({
</Button>
</div>
{unsplashError && (
<p className="text-sm text-[var(--txt-danger-primary)]">
<p className="text-sm text-(--txt-danger-primary)">
{unsplashError}
</p>
)}
Expand All @@ -219,10 +219,10 @@ export function CoverImageModal({
type="button"
key={r.id}
onClick={() => setSelectedUrl(r.url)}
className={`relative aspect-video rounded-[var(--radius-md)] overflow-hidden border-2 transition-colors ${
className={`relative aspect-video rounded-(--radius-md) overflow-hidden border-2 transition-colors ${
selectedUrl === r.url
? "border-[var(--brand-default)] ring-2 ring-[var(--brand-200)]"
: "border-transparent hover:border-[var(--border-strong)]"
? "border-(--brand-default) ring-2 ring-(--brand-200)"
: "border-transparent hover:border-(--border-strong)"
}`}
>
<img
Expand All @@ -242,13 +242,13 @@ export function CoverImageModal({
<div
onDrop={handleDrop}
onDragOver={handleDragOver}
className="flex flex-col items-center justify-center rounded-[var(--radius-md)] border-2 border-dashed border-[var(--border-subtle)] bg-[var(--bg-layer-2)] py-12 px-4"
className="flex flex-col items-center justify-center rounded-(--radius-md) border-2 border-dashed border-(--border-subtle) bg-(--bg-layer-2) py-12 px-4"
>
<p className="text-sm text-[var(--txt-secondary)] mb-2">
<p className="text-sm text-(--txt-secondary) mb-2">
Drag & drop image here
</p>
<label className="cursor-pointer">
<span className="text-sm font-medium text-[var(--txt-accent-primary)] hover:underline">
<span className="text-sm font-medium text-(--txt-accent-primary) hover:underline">
Browse
</span>
<input
Expand All @@ -260,7 +260,7 @@ export function CoverImageModal({
</label>
</div>
) : (
<div className="relative rounded-[var(--radius-md)] border border-[var(--border-subtle)] overflow-hidden bg-[var(--bg-layer-2)]">
<div className="relative rounded-(--radius-md) border border-(--border-subtle) overflow-hidden bg-(--bg-layer-2)">
<img
src={uploadPreview}
alt="Preview"
Expand All @@ -270,20 +270,18 @@ export function CoverImageModal({
<button
type="button"
onClick={handleRemoveUpload}
className="text-xs font-medium text-[var(--txt-accent-primary)] hover:underline"
className="text-xs font-medium text-(--txt-accent-primary) hover:underline"
>
Edit
</button>
</div>
</div>
)}
<p className="text-xs text-[var(--txt-tertiary)]">
<p className="text-xs text-(--txt-tertiary)">
File formats supported: .jpeg, .jpg, .png, .webp
</p>
{uploadError && (
<p className="text-sm text-[var(--txt-danger-primary)]">
{uploadError}
</p>
<p className="text-sm text-(--txt-danger-primary)">{uploadError}</p>
)}
</div>
)}
Expand Down
Loading
Loading