haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-09 10:50:24 +00:00
Code Issues Releases Wiki Activity

Change AI search icon (#5956)

Browse Source 
* fix code warnings

* change AI search icon
This commit is contained in:
Michael An
2024-02-19 16:12:09 +08:00
committed by GitHub
parent e36722230f
commit ef60661f50
6 changed files with 93 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/popover/edit-filetag-popover.js
View File

@@ -157,7 +157,8 @@ class EditFileTagPopover extends React.Component {
onChange={this.onChangeSearch}
autoFocus={true}
/>
{noTagsTip ? <div className='tag-not-found my-4 mx-1'>{noTagsTip}</div> :
{noTagsTip ?
<div className='tag-not-found my-4 mx-1'>{noTagsTip}</div> :
<ul className="tag-list-container">
{filteredRepoTagList.map((repoTag, index) => {
return (

22
frontend/src/components/search/ai-search.js
View File

@@ -4,6 +4,7 @@ import isHotkey from 'is-hotkey';
import classnames from 'classnames';
import MediaQuery from 'react-responsive';
import { seafileAPI } from '../../utils/seafile-api';
import Icon from '../icon';
import { gettext, siteRoot, username } from '../../utils/constants';
import SearchResultItem from './search-result-item';
import { Utils } from '../../utils/utils';
@@ -590,6 +591,15 @@ export default class AISearch extends Component {
return null;
}
renderSearchIcon = () => {
const { indexState } = this.state;
if (indexState === INDEX_STATE.RUNNING || indexState === INDEX_STATE.FINISHED) {
return <Icon symbol='AI-search' className='input-icon-addon' />;
} else {
return <Icon symbol='search' className='input-icon-addon' />;
}
}
toggleSettingsShown = () => {
this.setState({
isSettingsShown: !this.state.isSettingsShown
@@ -608,7 +618,7 @@ export default class AISearch extends Component {
render() {
let width = this.state.width !== 'default' ? this.state.width : '';
let style = {'width': width};
const { isMaskShow, isCloseShow, searchMode } = this.state;
const { isMaskShow, searchMode } = this.state;
const placeholder = `${this.props.placeholder}${isMaskShow ? '' : ` (${controlKey} + f )`}`;
if (searchMode === SEARCH_MODE.QA) {
@@ -630,8 +640,8 @@ export default class AISearch extends Component {
<div className="search">
<div className={`search-mask ${isMaskShow ? 'show' : 'hide'}`} onClick={this.onCloseHandler}></div>
<div className={`search-container ${isMaskShow ? 'show' : ''}`}>
<div className={`input-icon`}>
<i className="search-icon-left input-icon-addon fas fa-search"></i>
<div className="input-icon">
{this.renderSearchIcon()}
<input
type="text"
className="form-control search-input"
@@ -666,15 +676,15 @@ export default class AISearch extends Component {
</div>
</MediaQuery>
<MediaQuery query="(max-width: 767.8px)">
<div className="search-icon-container">
<i className="search-icon fas fa-search" onClick={this.onSearchToggle}></i>
<div className="search-icon-container" onClick={this.onSearchToggle}>
{this.renderSearchIcon()}
</div>
{this.state.isSearchInputShow &&
<div className="search">
<div className={`search-mask ${isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler}></div>
<div className="search-container">
<div className="input-icon">
<i className="search-icon-left input-icon-addon fas fa-search"></i>
{this.renderSearchIcon()}
<input
type="text"
className="form-control search-input"