diff --git a/package.json b/package.json index a9756243..921a8ee8 100644 --- a/package.json +++ b/package.json @@ -32,7 +32,7 @@ "@mantine/form": "^7.0.0", "@mantine/hooks": "^7.0.0", "@mantine/notifications": "^7.0.0", - "@tabler/icons": "^1.116.1", + "@tabler/icons-react": "^2.44.0", "@tanstack/react-query": "^4.23.0", "@tanstack/react-query-devtools": "^4.23.0", "@types/file-saver": "^2.0.5", diff --git a/src/components/BacklogView/BacklogView.tsx b/src/components/BacklogView/BacklogView.tsx index 22fcdf5c..6fbf4eff 100644 --- a/src/components/BacklogView/BacklogView.tsx +++ b/src/components/BacklogView/BacklogView.tsx @@ -12,7 +12,7 @@ import { TextInput, Title, } from "@mantine/core" -import { IconSearch } from "@tabler/icons" +import { IconSearch } from "@tabler/icons-react" import { useQueries, useQuery } from "@tanstack/react-query" import { ChangeEvent, useEffect, useState } from "react" import { DragDropContext } from "@hello-pangea/dnd" diff --git a/src/components/BacklogView/Issue/DeleteButton.tsx b/src/components/BacklogView/Issue/DeleteButton.tsx index 25793850..fda9b00c 100644 --- a/src/components/BacklogView/Issue/DeleteButton.tsx +++ b/src/components/BacklogView/Issue/DeleteButton.tsx @@ -1,5 +1,5 @@ import { ActionIcon, Transition, Popover, Box } from "@mantine/core" -import { IconTrash } from "@tabler/icons" +import { IconTrash } from "@tabler/icons-react" import { useEffect, useState } from "react" import { useHover } from "@mantine/hooks"; import { DeleteIssueAlert } from "../../DetailView/Components/DeleteIssue/DeleteIssueAlert" diff --git a/src/components/BacklogView/Issue/IssueIcon.tsx b/src/components/BacklogView/Issue/IssueIcon.tsx index 169665e3..66ae6b08 100644 --- a/src/components/BacklogView/Issue/IssueIcon.tsx +++ b/src/components/BacklogView/Issue/IssueIcon.tsx @@ -5,7 +5,7 @@ import { IconBug, IconBolt, IconEdit, -} from "@tabler/icons" +} from "@tabler/icons-react" import { ReactElement } from "react"; export function IssueIcon({ type }: { type: string }) { diff --git a/src/components/BacklogView/IssuesWrapper/SprintsPanel.tsx b/src/components/BacklogView/IssuesWrapper/SprintsPanel.tsx index d0b9cdd5..31c54663 100644 --- a/src/components/BacklogView/IssuesWrapper/SprintsPanel.tsx +++ b/src/components/BacklogView/IssuesWrapper/SprintsPanel.tsx @@ -1,5 +1,5 @@ import { Accordion, Badge, Flex, Group, Text, Title } from "@mantine/core" -import { IconChevronRight } from "@tabler/icons" +import { IconChevronRight } from "@tabler/icons-react" import { Issue, Sprint } from "types" import { pluralize, diff --git a/src/components/BacklogView/ReloadButton.tsx b/src/components/BacklogView/ReloadButton.tsx index 7adf431b..a6645492 100644 --- a/src/components/BacklogView/ReloadButton.tsx +++ b/src/components/BacklogView/ReloadButton.tsx @@ -1,5 +1,5 @@ import { ActionIcon } from "@mantine/core" -import { IconReload } from "@tabler/icons" +import { IconReload } from "@tabler/icons-react" import { useQueryClient } from "@tanstack/react-query" export function ReloadButton({ ...props }) { diff --git a/src/components/CreateIssue/Fields/AttachmentFileInput.tsx b/src/components/CreateIssue/Fields/AttachmentFileInput.tsx index c7972233..3ebf54f6 100644 --- a/src/components/CreateIssue/Fields/AttachmentFileInput.tsx +++ b/src/components/CreateIssue/Fields/AttachmentFileInput.tsx @@ -1,6 +1,6 @@ import { FileInput, Text } from "@mantine/core" import { UseFormReturnType } from "@mantine/form" -import { IconFileUpload } from "@tabler/icons" +import { IconFileUpload } from "@tabler/icons-react" import { Issue } from "types" export function AttachmentFileInput({ diff --git a/src/components/DetailView/Components/AddSubtask/AddSubtask.tsx b/src/components/DetailView/Components/AddSubtask/AddSubtask.tsx index 2dcf351f..6a3f1a84 100644 --- a/src/components/DetailView/Components/AddSubtask/AddSubtask.tsx +++ b/src/components/DetailView/Components/AddSubtask/AddSubtask.tsx @@ -1,6 +1,6 @@ import { Box, Button, Group, Loader, TextInput } from "@mantine/core" import { showNotification } from "@mantine/notifications" -import { IconPlus } from "@tabler/icons" +import { IconPlus } from "@tabler/icons-react" import { useQuery, useQueryClient } from "@tanstack/react-query" import { useState } from "react" import { createSubtaskMutation } from "./queries" diff --git a/src/components/DetailView/Components/Attachments/Attachments.tsx b/src/components/DetailView/Components/Attachments/Attachments.tsx index 07b8662a..3b3e4594 100644 --- a/src/components/DetailView/Components/Attachments/Attachments.tsx +++ b/src/components/DetailView/Components/Attachments/Attachments.tsx @@ -14,7 +14,7 @@ import { Center, LoadingOverlay, } from "@mantine/core" -import { IconCloudDownload, IconPlus, IconTrash } from "@tabler/icons" +import { IconCloudDownload, IconPlus, IconTrash } from "@tabler/icons-react" import { showNotification } from "@mantine/notifications" import { useQuery, useQueryClient } from "@tanstack/react-query" import FileSaver from "file-saver" diff --git a/src/components/DetailView/Components/DeleteIssue/DeleteIssue.tsx b/src/components/DetailView/Components/DeleteIssue/DeleteIssue.tsx index 1410d99a..e8d6f337 100644 --- a/src/components/DetailView/Components/DeleteIssue/DeleteIssue.tsx +++ b/src/components/DetailView/Components/DeleteIssue/DeleteIssue.tsx @@ -1,5 +1,5 @@ import { Button, Popover } from "@mantine/core" -import { IconTrash } from "@tabler/icons" +import { IconTrash } from "@tabler/icons-react" import { useState } from "react"; import { DeleteIssueAlert } from "./DeleteIssueAlert" import { useColorScheme } from "../../../../common/color-scheme"; diff --git a/src/components/DetailView/Components/DeleteIssue/DeleteIssueAlert.tsx b/src/components/DetailView/Components/DeleteIssue/DeleteIssueAlert.tsx index d924bcd8..abe9142f 100644 --- a/src/components/DetailView/Components/DeleteIssue/DeleteIssueAlert.tsx +++ b/src/components/DetailView/Components/DeleteIssue/DeleteIssueAlert.tsx @@ -1,5 +1,5 @@ import { Button, Stack, Alert } from "@mantine/core" -import { IconAlertCircle } from "@tabler/icons" +import { IconAlertCircle } from "@tabler/icons-react" import { useQueryClient } from "@tanstack/react-query" import { deleteIssueMutation } from "./queries" diff --git a/src/components/DetailView/Components/IssueStatusMenu.tsx b/src/components/DetailView/Components/IssueStatusMenu.tsx index 4f5f94cf..93e48f28 100644 --- a/src/components/DetailView/Components/IssueStatusMenu.tsx +++ b/src/components/DetailView/Components/IssueStatusMenu.tsx @@ -1,7 +1,7 @@ import { Box, Button, Menu } from "@mantine/core" import { useState } from "react" import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query" -import { IconCaretDown } from "@tabler/icons"; +import { IconCaretDown } from "@tabler/icons-react"; import { getIssueTypes, setStatus } from "../../CreateIssue/queryFunctions"; import classes from "./IssueStatusMenu.module.css"; diff --git a/src/components/DetailView/Components/SubTask/Subtask.tsx b/src/components/DetailView/Components/SubTask/Subtask.tsx index 9e582739..c9a7f7af 100644 --- a/src/components/DetailView/Components/SubTask/Subtask.tsx +++ b/src/components/DetailView/Components/SubTask/Subtask.tsx @@ -1,5 +1,5 @@ import { Box, Group, Loader, Text, ThemeIcon } from "@mantine/core" -import { IconBinaryTree2, IconTrash } from "@tabler/icons" +import { IconBinaryTree2, IconTrash } from "@tabler/icons-react" import { useQueryClient } from "@tanstack/react-query" import { IssueSummary } from "../IssueSummary" import { deleteSubtaskMutation } from "./queries" diff --git a/src/components/EpicDetailView/Components/SubTask/Subtask.tsx b/src/components/EpicDetailView/Components/SubTask/Subtask.tsx index 9e582739..c9a7f7af 100644 --- a/src/components/EpicDetailView/Components/SubTask/Subtask.tsx +++ b/src/components/EpicDetailView/Components/SubTask/Subtask.tsx @@ -1,5 +1,5 @@ import { Box, Group, Loader, Text, ThemeIcon } from "@mantine/core" -import { IconBinaryTree2, IconTrash } from "@tabler/icons" +import { IconBinaryTree2, IconTrash } from "@tabler/icons-react" import { useQueryClient } from "@tanstack/react-query" import { IssueSummary } from "../IssueSummary" import { deleteSubtaskMutation } from "./queries" diff --git a/src/components/EpicView/EpicCard.tsx b/src/components/EpicView/EpicCard.tsx index 71c54389..75f2571e 100644 --- a/src/components/EpicView/EpicCard.tsx +++ b/src/components/EpicView/EpicCard.tsx @@ -15,7 +15,7 @@ import { import {useHover} from "@mantine/hooks"; import {useState} from "react"; import {useQueryClient} from "@tanstack/react-query"; -import {IconBolt} from "@tabler/icons"; +import {IconBolt} from "@tabler/icons-react"; import {DeleteButton} from "../BacklogView/Issue/DeleteButton"; import {EpicDetailView} from "../EpicDetailView/EpicDetailView"; import {StatusType} from "../../../types/status"; diff --git a/src/components/Login/Login.tsx b/src/components/Login/Login.tsx index 24f77945..2bef1728 100644 --- a/src/components/Login/Login.tsx +++ b/src/components/Login/Login.tsx @@ -1,5 +1,5 @@ import {Button, Container, Divider, Group, Image, Paper, rgba} from "@mantine/core" -import { IconCloud, IconServer } from "@tabler/icons" +import { IconCloud, IconServer } from "@tabler/icons-react" import { ipcRenderer } from "electron" import { useState } from "react" import { useTranslation } from "react-i18next" diff --git a/src/components/ProjectsView/Table/ProjectsTable.tsx b/src/components/ProjectsView/Table/ProjectsTable.tsx index eb6b4438..3ed41b2b 100644 --- a/src/components/ProjectsView/Table/ProjectsTable.tsx +++ b/src/components/ProjectsView/Table/ProjectsTable.tsx @@ -1,5 +1,11 @@ import { ScrollArea, Table, Text, TextInput, Center, Group, UnstyledButton } from "@mantine/core" -import { IconChevronDown, IconChevronUp, IconSearch, IconSelector, TablerIcon } from "@tabler/icons" +import { + Icon, + IconChevronDown, + IconChevronUp, + IconSearch, + IconSelector, +} from "@tabler/icons-react" import { Project } from "types" import { useEffect, useState, ChangeEvent } from "react" import { useNavigate } from "react-router-dom" @@ -46,11 +52,11 @@ export function ProjectsTable({ data }: { data: Project[] }) { } const header = data && data.length > 0 && Object.keys(data[0]).map((key) => { - let Icon: TablerIcon + let SortIcon: Icon if (sortBy === key) { - if (reverseSortDirection) Icon = IconChevronUp - else Icon = IconChevronDown - } else Icon = IconSelector + if (reverseSortDirection) SortIcon = IconChevronUp + else SortIcon = IconChevronDown + } else SortIcon = IconSelector return (