feat(mobile): separate new task button to top and add dedicated list management group
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 59s
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 59s
This commit is contained in:
1 parent
f9ef03af7f
commit
e8723cbf82
1 file changed
+14
-7
@@ -815,7 +815,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const actionItems: any[] = [
|
const primaryItems: any[] = [
|
||||||
{
|
{
|
||||||
id: 'new-task',
|
id: 'new-task',
|
||||||
label: 'Neue Aufgabe erstellen',
|
label: 'Neue Aufgabe erstellen',
|
||||||
@@ -826,6 +826,9 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
|||||||
setTimeout(() => quickInputRef.current?.focus(), 100);
|
setTimeout(() => quickInputRef.current?.focus(), 100);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const listManagementItems: any[] = [
|
||||||
{
|
{
|
||||||
id: 'new-task-list',
|
id: 'new-task-list',
|
||||||
label: 'Neue Aufgabenliste anlegen',
|
label: 'Neue Aufgabenliste anlegen',
|
||||||
@@ -835,13 +838,13 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
|||||||
];
|
];
|
||||||
|
|
||||||
if (currentSelectedList) {
|
if (currentSelectedList) {
|
||||||
actionItems.push({
|
listManagementItems.push({
|
||||||
id: 'share-task-list',
|
id: 'share-task-list',
|
||||||
label: `Liste „${currentSelectedList.title}“ teilen`,
|
label: `Liste „${currentSelectedList.title}“ teilen`,
|
||||||
icon: <Users className="w-4 h-4" />,
|
icon: <Users className="w-4 h-4" />,
|
||||||
onClick: () => handleOpenShareModal(currentSelectedList),
|
onClick: () => handleOpenShareModal(currentSelectedList),
|
||||||
});
|
});
|
||||||
actionItems.push({
|
listManagementItems.push({
|
||||||
id: 'delete-task-list',
|
id: 'delete-task-list',
|
||||||
label: `Liste „${currentSelectedList.title}“ löschen`,
|
label: `Liste „${currentSelectedList.title}“ löschen`,
|
||||||
icon: <Trash2 className="w-4 h-4" />,
|
icon: <Trash2 className="w-4 h-4" />,
|
||||||
@@ -922,9 +925,13 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
|||||||
|
|
||||||
setGroups([
|
setGroups([
|
||||||
{
|
{
|
||||||
id: 'tasks-actions',
|
id: 'tasks-primary',
|
||||||
title: 'Aktionen',
|
items: primaryItems,
|
||||||
items: actionItems,
|
},
|
||||||
|
{
|
||||||
|
id: 'tasks-list-management',
|
||||||
|
title: 'Listen-Verwaltung',
|
||||||
|
items: listManagementItems,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'tasks-views',
|
id: 'tasks-views',
|
||||||
@@ -933,7 +940,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'tasks-lists',
|
id: 'tasks-lists',
|
||||||
title: 'Aufgabenlisten',
|
title: 'Aufgabenlisten wechseln',
|
||||||
items: listItems,
|
items: listItems,
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|||||||
Reference in new issue
Block a user