Comments (1)
To enable editing the main field of a Kanban, follow these steps:
-
Locate the Kanban Creation Logic: The main field for Kanban creation is managed in
src/components/Kanban/KanbanCreation.js
. Identify where the field is set during creation. -
Add Field Editing Capability: Modify
src/components/Kanban/KanbanEdit.js
to include a dropdown or input for selecting a new main field. Ensure it fetches available fields from the backend. -
Update State Management: In
src/hooks/useKanban.js
, add a function to update the main field state. This should handle the logic for changing the field and ensuring the Kanban updates accordingly. -
Backend Integration: Ensure the backend API supports updating the main field. Check
src/api/kanban.js
for the relevant endpoint and update it if necessary. -
UI Update: In
src/components/Kanban/KanbanView.js
, ensure the UI reflects the updated main field after it is changed.
Example code snippet for KanbanEdit.js
:
import React, { useState } from 'react';
import { updateKanbanField } from 'src/api/kanban';
const KanbanEdit = ({ kanban }) => {
const [mainField, setMainField] = useState(kanban.mainField);
const handleFieldChange = (e) => {
setMainField(e.target.value);
updateKanbanField(kanban.id, e.target.value);
};
return (
<select value={mainField} onChange={handleFieldChange}>
{/* Options fetched from backend */}
</select>
);
};
export default KanbanEdit;
References
from twenty.
Related Issues (20)
- Existing user of one workspace doesn't have transferred data when invited to another workspace HOT 1
- Demo link not working
- Field "body" on Create note and task API creates error HOT 2
- Cache related error after upgrading from 0.22.0 to 0.23.1 HOT 1
- Change defaultHomePagePath from /objects/companies to last visited page HOT 8
- Ex: In DarkMode, a blank square appears in bottom right corner while scrolling HOT 2
- Modify event emitter to emit an array of events
- In Search, redirect 'Create Task' doesn't work HOT 1
- After creating new object or clicking 'c', global redirect shortcuts don't work
- Visualisation of relations between objects doesn't work
- Creating empty objects HOT 3
- Editing empty name of Company HOT 2
- Try WebPack on twenty-front
- Create an e2e test for login HOT 1
- E2E testing should be able to query the DB to work on actual data and not hard coded mocks. HOT 1
- No login page after changes introduced in #6621
- REST API returns 500 error code when request is sent with wrong key HOT 1
- Introduction to E2E Playwright testing HOT 2
- Update AWS SDK to v3
- Docker failing to start - new installation - Container twenty-server-1: Error
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from twenty.