Skip to content

JACoB PR for Issue Add "Run Build" Option to Todo Details Page in JACoB #134

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

JACoB PR for Issue Add "Run Build" Option to Todo Details Page in JACoB #134

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
41 changes: 28 additions & 13 deletions src/app/dashboard/[org]/[repo]/todos/components/TodoDetails.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@ const TodoDetails: React.FC<TodoDetailsProps> = ({

const [isGeneratingResearch, setIsGeneratingResearch] = useState(false);
const [isStartingWork, setIsStartingWork] = useState(false);
const [runBuild, setRunBuild] = useState(false);

const { mutateAsync: researchIssue } = api.todos.researchIssue.useMutation();
const { mutateAsync: updateTodo } = api.todos.update.useMutation();
Expand All @@ -61,7 +62,10 @@ const TodoDetails: React.FC<TodoDetailsProps> = ({

const handleStartWork = async () => {
setIsStartingWork(true);
const updatedBody = `${selectedIssue?.body ?? ""}\n@jacob-ai-bot`;
let updatedBody = `${selectedIssue?.body ?? ""}\n@jacob-ai-bot`;
if (!runBuild) {
updatedBody += " --skip-build";
}
try {
await updateIssue({
repo: `${org}/${repo}`,
Expand Down Expand Up @@ -115,17 +119,28 @@ const TodoDetails: React.FC<TodoDetailsProps> = ({
</div>
</div>
{selectedTodo.status === TodoStatus.TODO && (
<button
onClick={handleStartWork}
disabled={isStartingWork}
className={`rounded-full px-4 py-2 text-white ${
isStartingWork
? "cursor-not-allowed bg-gray-400"
: "bg-sunset-500 hover:bg-sunset-600 dark:bg-purple-700 dark:hover:bg-purple-600"
}`}
>
{isStartingWork ? "Starting Work..." : "Start Work"}
</button>
<div className="flex items-center space-x-4">
<label className="flex items-center space-x-2 text-sm text-gray-700 dark:text-gray-300">
<input
type="checkbox"
checked={runBuild}
onChange={(e) => setRunBuild(e.target.checked)}
className="h-4 w-4 rounded border-gray-300 text-sunset-600 focus:ring-sunset-500 dark:border-gray-600 dark:bg-gray-700 dark:focus:ring-purple-600"
/>
<span>Run Build</span>
</label>
<button
onClick={handleStartWork}
disabled={isStartingWork}
className={`rounded-full px-4 py-2 text-white ${
isStartingWork
? "cursor-not-allowed bg-gray-400"
: "bg-sunset-500 hover:bg-sunset-600 dark:bg-purple-700 dark:hover:bg-purple-600"
}`}
>
{isStartingWork ? "Starting Work..." : "Start Work"}
</button>
</div>
)}
</div>

Expand Down Expand Up @@ -225,4 +240,4 @@ const TodoDetails: React.FC<TodoDetailsProps> = ({
);
};

export default TodoDetails;
export default TodoDetails;