inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-11-03 22:55:43 +00:00
Code Activity

change ActionIcons back to default

Browse Source
This commit is contained in:
Matthias Mair
2024-04-15 19:12:51 +02:00
parent c71dad6c37
commit 1bf9725733
20 changed files with 54 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/frontend/src/components/buttons/ButtonMenu.tsx
View File

@@ -18,7 +18,7 @@ export function ButtonMenu({
return (
<Menu shadow="xs">
<Menu.Target>
<ActionIcon>
<ActionIcon variant="default">
<Tooltip label={tooltip}>{icon}</Tooltip>
</ActionIcon>
</Menu.Target>

6
src/frontend/src/components/buttons/EditButton.tsx
View File

@@ -14,7 +14,11 @@ export function EditButton({
}) {
saveIcon = saveIcon || <IconDeviceFloppy />;
return (
<ActionIcon onClick={() => setEditing()} disabled={disabled}>
<ActionIcon
onClick={() => setEditing()}
disabled={disabled}
variant="default"
>
{editing ? saveIcon : <IconEdit />}
</ActionIcon>
);

1
src/frontend/src/components/buttons/ScanButton.tsx
View File

@@ -16,6 +16,7 @@ export function ScanButton() {
innerProps: {}
})
}
variant="default"
>
<IconQrcode />
</ActionIcon>

6
src/frontend/src/components/buttons/SpotlightButton.tsx
View File

@@ -9,7 +9,11 @@ import { firstSpotlight } from '../nav/Layout';
*/
export function SpotlightButton() {
return (
<ActionIcon onClick={() => firstSpotlight.open()} title={t`Open spotlight`}>
<ActionIcon
onClick={() => firstSpotlight.open()}
title={t`Open spotlight`}
variant="default"
>
<IconCommand />
</ActionIcon>
);

6
src/frontend/src/components/details/Details.tsx
View File

@@ -325,7 +325,11 @@ function CopyField({ value }: { value: string }) {
<CopyButton value={value}>
{({ copied, copy }) => (
<Tooltip label={copied ? t`Copied` : t`Copy`} withArrow>
<ActionIcon color={copied ? 'teal' : 'gray'} onClick={copy}>
<ActionIcon
color={copied ? 'teal' : 'gray'}
onClick={copy}
variant="default"
>
{copied ? (
<InvenTreeIcon icon="check" />
) : (

1
src/frontend/src/components/forms/HostOptionsForm.tsx
View File

@@ -49,6 +49,7 @@ export function HostOptionsForm({
onClick={() => {
deleteItem(key);
}}
variant="default"
>
<IconTrash />
</ActionIcon>

1
src/frontend/src/components/items/ColorToggle.tsx
View File

@@ -15,6 +15,7 @@ export function ColorToggle() {
color:
colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
}}
variant="default"
>
{colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
</ActionIcon>

2
src/frontend/src/components/items/InvenTreeLogo.tsx
View File

@@ -10,7 +10,7 @@ export const InvenTreeLogoHomeButton = forwardRef<HTMLDivElement>(
return (
<div ref={ref} {...props}>
<NavLink to={'/'}>
<ActionIcon size={28}>
<ActionIcon size={28} variant="transparent">
<InvenTreeLogo />
</ActionIcon>
</NavLink>

2
src/frontend/src/components/items/LanguageToggle.tsx
View File

@@ -16,7 +16,7 @@ export function LanguageToggle() {
padding: open === true ? 8 : 0
}}
>
<ActionIcon onClick={() => toggle.toggle()} size="lg">
<ActionIcon onClick={() => toggle.toggle()} size="lg" variant="default">
<IconLanguage />
</ActionIcon>
{open && (

2
src/frontend/src/components/nav/BreadcrumbList.tsx
View File

@@ -44,7 +44,7 @@ export function BreadcrumbList({
<Paper p="3" radius="xs">
<Group gap="xs">
{navCallback && (
<ActionIcon key="nav-action" onClick={navCallback}>
<ActionIcon key="nav-action" onClick={navCallback} variant="default">
<IconMenu2 />
</ActionIcon>
)}

4
src/frontend/src/components/nav/Header.tsx
View File

@@ -94,12 +94,12 @@ export function Header() {
<NavTabs />
</Group>
<Group>
<ActionIcon onClick={openSearchDrawer}>
<ActionIcon onClick={openSearchDrawer} variant="default">
<IconSearch />
</ActionIcon>
<SpotlightButton />
<ScanButton />
<ActionIcon onClick={openNotificationDrawer}>
<ActionIcon onClick={openNotificationDrawer} variant="default">
<Indicator
radius="lg"
size="18"

1
src/frontend/src/components/nav/NavHoverMenu.tsx
View File

@@ -63,6 +63,7 @@ export function NavHoverMenu({
onClick={openDrawer}
onMouseOver={openDrawer}
title={t`Open Navigation`}
variant="default"
>
<IconLayoutSidebar />
</ActionIcon>

1
src/frontend/src/components/nav/NotificationDrawer.tsx
View File

@@ -73,6 +73,7 @@ export function NotificationDrawer({
onClose();
navigate('/notifications/unread');
}}
variant="default"
>
<IconBellPlus />
</ActionIcon>

1
src/frontend/src/components/nav/PanelGroup.tsx
View File

@@ -140,6 +140,7 @@ function BasePanelGroup({
paddingLeft: '10px'
}}
onClick={() => setExpanded(!expanded)}
variant="default"
>
{expanded ? (
<IconLayoutSidebarLeftCollapse opacity={0.5} />

24
src/frontend/src/pages/Index/Scan.tsx
View File

@@ -258,7 +258,11 @@ export default function Scan() {
<Trans>Actions for {uniqueObjectTypes[0]} </Trans>
</Text>
<Group>
<ActionIcon onClick={notYetImplemented} title={t`Count`}>
<ActionIcon
onClick={notYetImplemented}
title={t`Count`}
variant="default"
>
<IconNumber />
</ActionIcon>
</Group>
@@ -329,6 +333,7 @@ export default function Scan() {
color="red"
onClick={btnDeleteHistory}
title={t`Delete`}
variant="default"
>
<IconTrash />
</ActionIcon>
@@ -336,6 +341,7 @@ export default function Scan() {
onClick={btnRunSelectedBarcode}
disabled={selection.length > 1}
title={t`Lookup part`}
variant="default"
>
<IconSearch />
</ActionIcon>
@@ -343,6 +349,7 @@ export default function Scan() {
onClick={btnOpenSelectedLink}
disabled={!selectionLinked}
title={t`Open Link`}
variant="default"
>
<IconLink />
</ActionIcon>
@@ -362,7 +369,11 @@ export default function Scan() {
>
<Trans>History</Trans>
</TitleWithDoc>
<ActionIcon color="red" onClick={btnDeleteFullHistory}>
<ActionIcon
color="red"
onClick={btnDeleteFullHistory}
variant="default"
>
<IconTrash />
</ActionIcon>
</Group>
@@ -509,7 +520,7 @@ function InputManual({ action }: inputProps) {
onChange={(event) => setValue(event.currentTarget.value)}
onKeyDown={getHotkeyHandler([['Enter', btnAddItem]])}
/>
<ActionIcon onClick={btnAddItem} w={16}>
<ActionIcon onClick={btnAddItem} w={16} variant="default">
<IconPlus />
</ActionIcon>
</Group>
@@ -704,7 +715,11 @@ function InputImageBarcode({ action }: inputProps) {
size="sm"
/>
{ScanningEnabled ? (
<ActionIcon onClick={btnStopScanning} title={t`Stop scanning`}>
<ActionIcon
onClick={btnStopScanning}
title={t`Stop scanning`}
variant="default"
>
<IconPlayerStopFilled />
</ActionIcon>
) : (
@@ -712,6 +727,7 @@ function InputImageBarcode({ action }: inputProps) {
onClick={btnStartScanning}
title={t`Start scanning`}
disabled={!camId}
variant="default"
>
<IconPlayerPlayFilled />
</ActionIcon>

2
src/frontend/src/tables/ColumnSelect.tsx
View File

@@ -13,7 +13,7 @@ export function TableColumnSelect({
return (
<Menu shadow="xs" closeOnItemClick={false}>
<Menu.Target>
<ActionIcon>
<ActionIcon variant="default">
<Tooltip label={t`Select Columns`}>
<IconAdjustments />
</Tooltip>

2
src/frontend/src/tables/DownloadAction.tsx
View File

@@ -18,7 +18,7 @@ export function DownloadAction({
<>
<Menu>
<Menu.Target>
<ActionIcon>
<ActionIcon variant="default">
<Tooltip label={t`Download selected data`}>
<IconDownload />
</Tooltip>

4
src/frontend/src/tables/InvenTreeTable.tsx
View File

@@ -592,7 +592,7 @@ export function InvenTreeTable<T = any>({
/>
)}
{tableProps.enableRefresh && (
<ActionIcon>
<ActionIcon variant="default">
<Tooltip label={t`Refresh data`}>
<IconRefresh onClick={() => refetch()} />
</Tooltip>
@@ -610,7 +610,7 @@ export function InvenTreeTable<T = any>({
label={tableState.activeFilters?.length ?? 0}
disabled={tableState.activeFilters?.length == 0}
>
<ActionIcon>
<ActionIcon variant="default">
<Tooltip label={t`Table filters`}>
<IconFilter
onClick={() => setFiltersVisible(!filtersVisible)}

2
src/frontend/src/tables/general/AttachmentTable.tsx
View File

@@ -196,6 +196,7 @@ export function AttachmentTable({
attachmentType: 'file',
callback: table.refreshTable
});
variant = 'default';
}}
>
<IconFileUpload />
@@ -215,6 +216,7 @@ export function AttachmentTable({
attachmentType: 'link',
callback: table.refreshTable
});
variant = 'default';
}}
>
<IconExternalLink />

2
src/frontend/src/tables/part/ParametricPartTable.tsx
View File

@@ -78,7 +78,7 @@ function ParameterCell({
{hovered && canEdit && (
<div style={{ flex: 0 }}>
<Tooltip label={t`Edit parameter`}>
<ActionIcon size="xs" onClick={handleClick}>
<ActionIcon size="xs" onClick={handleClick} variant="default">
<IconEdit />
</ActionIcon>
</Tooltip>