feat: boards with statuses fetch
This commit is contained in:
@ -1,19 +1,9 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { BoardSchema } from "@/types/BoardSchema";
|
||||
import { useState } from "react";
|
||||
import { BoardSchema } from "@/client";
|
||||
|
||||
const useBoards = () => {
|
||||
const [boards, setBoards] = useState<BoardSchema[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
setBoards([
|
||||
{ id: 1, name: "1 Item", rank: "0|aaaaaa:" },
|
||||
{ id: 2, name: "2 Item", rank: "0|gggggg:" },
|
||||
{ id: 3, name: "3 Item", rank: "0|mmmmmm:" },
|
||||
{ id: 4, name: "4 Item", rank: "0|ssssss:" },
|
||||
{ id: 5, name: "5 Item", rank: "0|zzzzzz:" },
|
||||
]);
|
||||
}, []);
|
||||
|
||||
return {
|
||||
boards,
|
||||
setBoards,
|
||||
|
||||
@ -9,19 +9,19 @@ const useDeals = () => {
|
||||
{
|
||||
id: 1,
|
||||
name: "Deal 1",
|
||||
rank: "0|gggggg:",
|
||||
lexorank: "0|gggggg:",
|
||||
statusId: 1,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Deal 2",
|
||||
rank: "0|mmmmmm:",
|
||||
lexorank: "0|mmmmmm:",
|
||||
statusId: 1,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "Deal 3",
|
||||
rank: "0|ssssss:",
|
||||
lexorank: "0|ssssss:",
|
||||
statusId: 2,
|
||||
},
|
||||
];
|
||||
|
||||
@ -4,8 +4,8 @@ import { throttle } from "lodash";
|
||||
import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
|
||||
import useGetNewRank from "@/app/deals/hooks/useGetNewRank";
|
||||
import { getStatusId, isStatusId } from "@/app/deals/utils/statusId";
|
||||
import { StatusSchema } from "@/client";
|
||||
import { DealSchema } from "@/types/DealSchema";
|
||||
import { StatusSchema } from "@/types/StatusSchema";
|
||||
import { sortByLexorank } from "@/utils/lexorank";
|
||||
|
||||
type Props = {
|
||||
@ -73,7 +73,7 @@ const useDnd = (props: Props) => {
|
||||
? {
|
||||
...deal,
|
||||
statusId: overStatusId,
|
||||
rank: newLexorank || deal.rank,
|
||||
lexorank: newLexorank || deal.lexorank,
|
||||
}
|
||||
: deal
|
||||
)
|
||||
@ -100,7 +100,7 @@ const useDnd = (props: Props) => {
|
||||
throttledSetStatuses(statuses =>
|
||||
statuses.map(status =>
|
||||
status.id === activeStatusId
|
||||
? { ...status, rank: newRank }
|
||||
? { ...status, lexorank: newRank }
|
||||
: status
|
||||
)
|
||||
);
|
||||
|
||||
@ -20,10 +20,10 @@ const useGetNewRank = () => {
|
||||
: [overDealIndex, overDealIndex + 1];
|
||||
|
||||
const leftLexorank =
|
||||
leftIndex >= 0 ? LexoRank.parse(deals[leftIndex].rank) : null;
|
||||
leftIndex >= 0 ? LexoRank.parse(deals[leftIndex].lexorank) : null;
|
||||
const rightLexorank =
|
||||
rightIndex < deals.length
|
||||
? LexoRank.parse(deals[rightIndex].rank)
|
||||
? LexoRank.parse(deals[rightIndex].lexorank)
|
||||
: null;
|
||||
|
||||
return getNewLexorank(leftLexorank, rightLexorank).toString();
|
||||
@ -35,9 +35,11 @@ const useGetNewRank = () => {
|
||||
) => {
|
||||
const leftLexorank =
|
||||
overDealIndex > 0
|
||||
? LexoRank.parse(statusDeals[overDealIndex - 1].rank)
|
||||
? LexoRank.parse(statusDeals[overDealIndex - 1].lexorank)
|
||||
: null;
|
||||
const rightLexorank = LexoRank.parse(statusDeals[overDealIndex].rank);
|
||||
const rightLexorank = LexoRank.parse(
|
||||
statusDeals[overDealIndex].lexorank
|
||||
);
|
||||
|
||||
return getNewLexorank(leftLexorank, rightLexorank).toString();
|
||||
};
|
||||
@ -59,10 +61,12 @@ const useGetNewRank = () => {
|
||||
: [overIndex, overIndex + 1];
|
||||
|
||||
const leftLexorank =
|
||||
leftIndex >= 0 ? LexoRank.parse(statuses[leftIndex].rank) : null;
|
||||
leftIndex >= 0
|
||||
? LexoRank.parse(statuses[leftIndex].lexorank)
|
||||
: null;
|
||||
const rightLexorank =
|
||||
rightIndex < statuses.length
|
||||
? LexoRank.parse(statuses[rightIndex].rank)
|
||||
? LexoRank.parse(statuses[rightIndex].lexorank)
|
||||
: null;
|
||||
|
||||
return getNewLexorank(leftLexorank, rightLexorank).toString();
|
||||
|
||||
@ -1,22 +0,0 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { StatusSchema } from "@/types/StatusSchema";
|
||||
|
||||
const useStatuses = () => {
|
||||
const [statuses, setStatuses] = useState<StatusSchema[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
setStatuses([
|
||||
{ id: 1, name: "Todo", rank: "0|aaaaaa:" },
|
||||
{ id: 2, name: "In progress", rank: "0|gggggg:" },
|
||||
{ id: 3, name: "Testing", rank: "0|mmmmmm:" },
|
||||
{ id: 4, name: "Ready", rank: "0|ssssss:" },
|
||||
]);
|
||||
}, []);
|
||||
|
||||
return {
|
||||
statuses,
|
||||
setStatuses,
|
||||
};
|
||||
};
|
||||
|
||||
export default useStatuses;
|
||||
Reference in New Issue
Block a user