mirror of
https://github.com/tencentmusic/supersonic.git
synced 2026-04-19 04:44:19 +08:00
[improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component. (#404)
* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab. [improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions. [improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager. * [improvement][semantic-fe] Add time granularity setting in the data source configuration. * [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility * [improvement][semantic-fe] Modification of data source creation prompt wording" * [improvement][semantic-fe] metric market experience optimization * [improvement][semantic-fe] enhance the analysis of metric trends * [improvement][semantic-fe] optimize the presentation of metric trend permissions * [improvement][semantic-fe] add metric trend download functionality * [improvement][semantic-fe] fix the dimension initialization issue in metric correlation * [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source. * [improvement][semantic-fe] Optimizing pagination logic and some CSS styles * [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum" * [improvement][semantic-fe] Fixing the default value setting for the indicator list * [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models * [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API * [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators * [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality * [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component.
This commit is contained in:
30
webapp/packages/supersonic-fe/src/components/MStar/index.tsx
Normal file
30
webapp/packages/supersonic-fe/src/components/MStar/index.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { StarOutlined, StarFilled } from '@ant-design/icons';
|
||||
import styles from './style.less';
|
||||
|
||||
type Props = {
|
||||
star?: boolean;
|
||||
onToggleCollect: (star: boolean) => void;
|
||||
};
|
||||
|
||||
const MStar: React.FC<Props> = ({ star = false, onToggleCollect }) => {
|
||||
const [starState, setStarState] = useState(star);
|
||||
useEffect(() => {
|
||||
setStarState(star);
|
||||
}, [star]);
|
||||
|
||||
return (
|
||||
<div
|
||||
className={`${styles.collectDashboard} ${starState === true ? 'dashboardCollected' : ''}`}
|
||||
onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
setStarState(!starState);
|
||||
onToggleCollect(!starState);
|
||||
}}
|
||||
>
|
||||
{starState === false ? <StarOutlined /> : <StarFilled style={{ color: '#eac54f' }} />}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default MStar;
|
||||
@@ -0,0 +1,6 @@
|
||||
.collectDashboard {
|
||||
color: #546174;
|
||||
&.dashboardCollected {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user