opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add LayoutRight2LineMod icon component and update document detail

This commit is contained in:
twwu 2024-12-10 13:12:05 +08:00
parent 89345e5c5a
commit ae3eae413f
5 changed files with 65 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/base/icons/assets/public/knowledge/layout-right-2-line-mod.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Icon L">
<path id="Vector" d="M14.0002 2C14.3684 2 14.6668 2.29848 14.6668 2.66667V13.3333C14.6668 13.7015 14.3684 14 14.0002 14H2.00016C1.63198 14 1.3335 13.7015 1.3335 13.3333V2.66667C1.3335 2.29848 1.63198 2 2.00016 2H14.0002ZM13.3335 3.33333H2.66683V12.6667H13.3335V3.33333ZM14.0002 2.66667V13.3333H10.0002V2.66667H14.0002Z" fill="#354052"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 461 B

36
web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.json Normal file
View File

@ -0,0 +1,36 @@
{
"icon": {
"type": "element",
"isRootNode": true,
"name": "svg",
"attributes": {
"width": "16",
"height": "16",
"viewBox": "0 0 16 16",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
},
"children": [
{
"type": "element",
"name": "g",
"attributes": {
"id": "Icon L"
},
"children": [
{
"type": "element",
"name": "path",
"attributes": {
"id": "Vector",
"d": "M14.0002 2C14.3684 2 14.6668 2.29848 14.6668 2.66667V13.3333C14.6668 13.7015 14.3684 14 14.0002 14H2.00016C1.63198 14 1.3335 13.7015 1.3335 13.3333V2.66667C1.3335 2.29848 1.63198 2 2.00016 2H14.0002ZM13.3335 3.33333H2.66683V12.6667H13.3335V3.33333ZM14.0002 2.66667V13.3333H10.0002V2.66667H14.0002Z",
"fill": "#354052"
},
"children": []
}
]
}
]
},
"name": "LayoutRight2LineMod"
}

16
web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx Normal file
View File

@ -0,0 +1,16 @@
// GENERATE BY script
// DON NOT EDIT IT MANUALLY
import * as React from 'react'
import data from './LayoutRight2LineMod.json'
import IconBase from '@/app/components/base/icons/IconBase'
import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
props,
ref,
) => <IconBase {...props} ref={ref} data={data as IconData} />)
Icon.displayName = 'LayoutRight2LineMod'
export default Icon

1
web/app/components/base/icons/src/public/knowledge/index.ts
View File

@ -1,5 +1,6 @@
export { default as Chunk } from './Chunk'
export { default as Collapse } from './Collapse'
export { default as GeneralType } from './GeneralType'
export { default as LayoutRight2LineMod } from './LayoutRight2LineMod'
export { default as ParentChildType } from './ParentChildType'
export { default as SelectionMod } from './SelectionMod'

10
web/app/components/datasets/documents/detail/index.tsx
View File

@ -26,6 +26,7 @@ import type { DocForm, DocumentItem, ParentMode, ProcessMode } from '@/models/da
import { useDatasetDetailContext } from '@/context/dataset-detail'
import FloatRightContainer from '@/app/components/base/float-right-container'
import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
import { LayoutRight2LineMod } from '@/app/components/base/icons/src/public/knowledge'
type DocumentContextValue = {
datasetId?: string
@ -207,7 +208,7 @@ const DocumentDetail: FC<Props> = ({ datasetId, documentId }) => {
processMode={documentDetail?.dataset_process_rule?.mode}
/>
<div className='flex items-center flex-wrap'>
{embeddingAvailable && documentDetail && !documentDetail.archived && (
{embeddingAvailable && documentDetail && !documentDetail.archived && !isFullDocMode && (
<SegmentAdd
importStatus={importStatus}
clearProcessStatus={resetProcessStatus}
@ -248,8 +249,11 @@ const DocumentDetail: FC<Props> = ({ datasetId, documentId }) => {
className={style.layoutRightIcon}
onClick={() => setShowMetadata(!showMetadata)}
>
{/* // todo: change icon */}
<RiLayoutRight2Line className={cn('w-4 h-4', showMetadata ? 'text-components-button-secondary-accent-text' : 'text-components-button-secondary-text')} />
{
showMetadata
? <LayoutRight2LineMod className='w-4 h-4 text-components-button-secondary-accent-text' />
: <RiLayoutRight2Line className='w-4 h-4 text-components-button-secondary-text' />
}
</button>
</div>
</div>