mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-13 12:55:00 +00:00
chore: bump icons with new design source (#9529)
This commit is contained in:
@@ -12,7 +12,7 @@ import { i18nTime, Trans, useI18n } from '@affine/i18n';
|
||||
import { track } from '@affine/track';
|
||||
import type { DocMode } from '@blocksuite/affine/blocks';
|
||||
import type { Blocks, Workspace } from '@blocksuite/affine/store';
|
||||
import { CloseIcon, ToggleCollapseIcon } from '@blocksuite/icons/rc';
|
||||
import { CloseIcon, ToggleRightIcon } from '@blocksuite/icons/rc';
|
||||
import * as Collapsible from '@radix-ui/react-collapsible';
|
||||
import type { DialogContentProps } from '@radix-ui/react-dialog';
|
||||
import { useLiveData, useService } from '@toeverything/infra';
|
||||
@@ -319,7 +319,7 @@ const PageHistoryList = ({
|
||||
data-testid="page-list-group-header-collapsed-button"
|
||||
className={styles.collapsedIconContainer}
|
||||
>
|
||||
<ToggleCollapseIcon
|
||||
<ToggleRightIcon
|
||||
className={styles.collapsedIcon}
|
||||
data-collapsed={!!collapsed}
|
||||
/>
|
||||
|
||||
@@ -22,7 +22,7 @@ import {
|
||||
EdgelessIcon,
|
||||
LockIcon,
|
||||
PageIcon,
|
||||
SingleSelectSelectSolidIcon,
|
||||
SingleSelectCheckSolidIcon,
|
||||
ViewIcon,
|
||||
} from '@blocksuite/icons/rc';
|
||||
import { useLiveData, useService } from '@toeverything/infra';
|
||||
@@ -108,7 +108,7 @@ export const AFFiNESharePage = (props: ShareMenuProps) => {
|
||||
'com.affine.share-menu.create-public-link.notification.success.message'
|
||||
](),
|
||||
style: 'normal',
|
||||
icon: <SingleSelectSelectSolidIcon color={cssVar('primaryColor')} />,
|
||||
icon: <SingleSelectCheckSolidIcon color={cssVar('primaryColor')} />,
|
||||
});
|
||||
} catch (err) {
|
||||
notify.error({
|
||||
|
||||
@@ -20,7 +20,7 @@ import {
|
||||
import { useI18n } from '@affine/i18n';
|
||||
import track from '@affine/track';
|
||||
import type { JobMiddleware } from '@blocksuite/affine/store';
|
||||
import { ToggleExpandIcon } from '@blocksuite/icons/rc';
|
||||
import { ToggleDownIcon } from '@blocksuite/icons/rc';
|
||||
import * as Collapsible from '@radix-ui/react-collapsible';
|
||||
import {
|
||||
LiveData,
|
||||
@@ -109,7 +109,7 @@ const CollapsibleSection = ({
|
||||
<Collapsible.Trigger className={styles.link}>
|
||||
{title}
|
||||
{length ? (
|
||||
<ToggleExpandIcon
|
||||
<ToggleDownIcon
|
||||
className={styles.collapsedIcon}
|
||||
data-collapsed={!open}
|
||||
/>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { IconButton } from '@affine/component';
|
||||
import { useI18n } from '@affine/i18n';
|
||||
import { ToggleCollapseIcon } from '@blocksuite/icons/rc';
|
||||
import { ToggleRightIcon } from '@blocksuite/icons/rc';
|
||||
import { Trigger as CollapsibleTrigger } from '@radix-ui/react-collapsible';
|
||||
|
||||
import * as styles from './section.css';
|
||||
@@ -14,7 +14,7 @@ export const DocPropertyListSidebarSection = () => {
|
||||
</span>
|
||||
<CollapsibleTrigger asChild>
|
||||
<IconButton>
|
||||
<ToggleCollapseIcon className={styles.collapseIcon} />
|
||||
<ToggleRightIcon className={styles.collapseIcon} />
|
||||
</IconButton>
|
||||
</CollapsibleTrigger>
|
||||
</div>
|
||||
@@ -30,7 +30,7 @@ export const AddDocPropertySidebarSection = () => {
|
||||
</span>
|
||||
<CollapsibleTrigger asChild>
|
||||
<IconButton>
|
||||
<ToggleCollapseIcon className={styles.collapseIcon} />
|
||||
<ToggleRightIcon className={styles.collapseIcon} />
|
||||
</IconButton>
|
||||
</CollapsibleTrigger>
|
||||
</div>
|
||||
|
||||
@@ -19,7 +19,7 @@ import { ViewService, WorkbenchService } from '@affine/core/modules/workbench';
|
||||
import type { AffineDNDData } from '@affine/core/types/dnd';
|
||||
import { useI18n } from '@affine/i18n';
|
||||
import { track } from '@affine/track';
|
||||
import { PlusIcon, PropertyIcon, ToggleExpandIcon } from '@blocksuite/icons/rc';
|
||||
import { PlusIcon, PropertyIcon, ToggleDownIcon } from '@blocksuite/icons/rc';
|
||||
import * as Collapsible from '@radix-ui/react-collapsible';
|
||||
import {
|
||||
useLiveData,
|
||||
@@ -94,7 +94,7 @@ export const DocPropertiesTableHeader = ({
|
||||
className={styles.tableHeaderCollapseButtonWrapper}
|
||||
data-testid="page-info-collapse"
|
||||
>
|
||||
<ToggleExpandIcon
|
||||
<ToggleDownIcon
|
||||
className={styles.collapsedIcon}
|
||||
data-collapsed={!open}
|
||||
/>
|
||||
|
||||
@@ -3,7 +3,7 @@ import type { Tag } from '@affine/env/filter';
|
||||
import { useI18n } from '@affine/i18n';
|
||||
import { assertExists } from '@blocksuite/affine/global/utils';
|
||||
import type { DocMeta, Workspace } from '@blocksuite/affine/store';
|
||||
import { ToggleCollapseIcon, ViewLayersIcon } from '@blocksuite/icons/rc';
|
||||
import { ToggleRightIcon, ViewLayersIcon } from '@blocksuite/icons/rc';
|
||||
import * as Collapsible from '@radix-ui/react-collapsible';
|
||||
import { useLiveData, useService } from '@toeverything/infra';
|
||||
import clsx from 'clsx';
|
||||
@@ -90,7 +90,7 @@ export const ItemGroupHeader = memo(function ItemGroupHeader<
|
||||
data-testid="page-list-group-header-collapsed-button"
|
||||
className={styles.collapsedIconContainer}
|
||||
>
|
||||
<ToggleCollapseIcon
|
||||
<ToggleRightIcon
|
||||
className={styles.collapsedIcon}
|
||||
data-collapsed={!!collapsed}
|
||||
/>
|
||||
@@ -156,7 +156,7 @@ export const ItemGroup = <T extends ListItem>({
|
||||
data-testid="page-list-group-header-collapsed-button"
|
||||
className={styles.collapsedIconContainer}
|
||||
>
|
||||
<ToggleCollapseIcon
|
||||
<ToggleRightIcon
|
||||
className={styles.collapsedIcon}
|
||||
data-collapsed={collapsed !== false}
|
||||
/>
|
||||
|
||||
@@ -17,7 +17,7 @@ import {
|
||||
CloseIcon,
|
||||
EdgelessIcon,
|
||||
PageIcon,
|
||||
ToggleCollapseIcon,
|
||||
ToggleRightIcon,
|
||||
} from '@blocksuite/icons/rc';
|
||||
import { useLiveData, useService } from '@toeverything/infra';
|
||||
import { cssVar } from '@toeverything/theme';
|
||||
@@ -135,7 +135,7 @@ export const RulesMode = ({
|
||||
iconStyle={{
|
||||
transform: expandInclude ? 'rotate(90deg)' : undefined,
|
||||
}}
|
||||
icon={<ToggleCollapseIcon />}
|
||||
icon={<ToggleRightIcon />}
|
||||
/>
|
||||
<div style={{ color: cssVar('textSecondaryColor') }}>
|
||||
{t['com.affine.editCollection.rules.include.title']()}
|
||||
|
||||
@@ -9,7 +9,7 @@ import { SubscriptionService } from '@affine/core/modules/cloud';
|
||||
import { SubscriptionPlan } from '@affine/graphql';
|
||||
import { useI18n } from '@affine/i18n';
|
||||
import { track } from '@affine/track';
|
||||
import { SingleSelectSelectSolidIcon } from '@blocksuite/icons/rc';
|
||||
import { SingleSelectCheckSolidIcon } from '@blocksuite/icons/rc';
|
||||
import { useService } from '@toeverything/infra';
|
||||
import { cssVar } from '@toeverything/theme';
|
||||
import { nanoid } from 'nanoid';
|
||||
@@ -57,7 +57,7 @@ export const AIResume = (btnProps: ButtonProps) => {
|
||||
});
|
||||
}
|
||||
notify({
|
||||
icon: <SingleSelectSelectSolidIcon />,
|
||||
icon: <SingleSelectCheckSolidIcon />,
|
||||
iconColor: cssVar('processingColor'),
|
||||
title:
|
||||
t['com.affine.payment.ai.action.resume.confirm.notify.title'](),
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { AllDocsIcon, MobileHomeIcon } from '@blocksuite/icons/rc';
|
||||
import { AllDocsIcon, HomeIcon } from '@blocksuite/icons/rc';
|
||||
import type { Framework } from '@toeverything/infra';
|
||||
|
||||
import { AppTabCreate } from './create';
|
||||
@@ -28,7 +28,7 @@ export const tabs: Tab[] = [
|
||||
{
|
||||
key: 'home',
|
||||
to: '/home',
|
||||
Icon: MobileHomeIcon,
|
||||
Icon: HomeIcon,
|
||||
},
|
||||
{
|
||||
key: 'all',
|
||||
|
||||
@@ -2,7 +2,7 @@ import {
|
||||
type CollapsibleSectionName,
|
||||
ExplorerService,
|
||||
} from '@affine/core/modules/explorer';
|
||||
import { ToggleCollapseIcon } from '@blocksuite/icons/rc';
|
||||
import { ToggleRightIcon } from '@blocksuite/icons/rc';
|
||||
import * as Collapsible from '@radix-ui/react-collapsible';
|
||||
import { useLiveData, useService } from '@toeverything/infra';
|
||||
import clsx from 'clsx';
|
||||
@@ -60,7 +60,7 @@ const CollapsibleSectionTrigger = forwardRef<
|
||||
<div className={triggerLabel}>
|
||||
{label}
|
||||
{collapsible ? (
|
||||
<ToggleCollapseIcon
|
||||
<ToggleRightIcon
|
||||
width={16}
|
||||
height={16}
|
||||
data-testid="category-divider-collapse-button"
|
||||
|
||||
@@ -9,7 +9,7 @@ import type { Tag } from '@affine/core/modules/tag';
|
||||
import { WorkspaceService } from '@affine/core/modules/workspace';
|
||||
import type { Collection, Filter } from '@affine/env/filter';
|
||||
import type { DocMeta } from '@blocksuite/affine/store';
|
||||
import { ToggleExpandIcon } from '@blocksuite/icons/rc';
|
||||
import { ToggleDownIcon } from '@blocksuite/icons/rc';
|
||||
import * as Collapsible from '@radix-ui/react-collapsible';
|
||||
import { useLiveData, useService } from '@toeverything/infra';
|
||||
import { useMemo } from 'react';
|
||||
@@ -29,7 +29,7 @@ export const DocGroup = ({ group }: { group: ItemGroupProps<DocMeta> }) => {
|
||||
<Collapsible.Root defaultOpen>
|
||||
<Collapsible.Trigger className={styles.groupTitle}>
|
||||
{group.label}
|
||||
<ToggleExpandIcon className={styles.groupTitleIcon} />
|
||||
<ToggleDownIcon className={styles.groupTitleIcon} />
|
||||
</Collapsible.Trigger>
|
||||
<Collapsible.Content>
|
||||
<MasonryDocs items={group.items} showTags={showTags} />
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { ToggleCollapseIcon } from '@blocksuite/icons/rc';
|
||||
import { ToggleRightIcon } from '@blocksuite/icons/rc';
|
||||
import clsx from 'clsx';
|
||||
import { type ForwardedRef, forwardRef, type PropsWithChildren } from 'react';
|
||||
|
||||
@@ -42,7 +42,7 @@ export const CategoryDivider = forwardRef(
|
||||
<div className={styles.label}>
|
||||
{label}
|
||||
{collapsible ? (
|
||||
<ToggleCollapseIcon
|
||||
<ToggleRightIcon
|
||||
width={16}
|
||||
height={16}
|
||||
data-testid="category-divider-collapse-button"
|
||||
|
||||
Reference in New Issue
Block a user