nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-21 10:52:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update toolbar

Browse Source
This commit is contained in:
Bill 2021-06-22 22:28:13 -04:00
parent 2819df2ecc
commit 8ae63f0c36
2 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/transitions/TransitionAnimationStyles.ts
View File

@ -5,6 +5,7 @@ import { TransitionAnimationTypes } from './TransitionAnimation.types';
export function getTransitionAnimationStyle(type: string, transition: TransitionStatus, timeout: number = 300): Partial<CSSProperties> export function getTransitionAnimationStyle(type: string, transition: TransitionStatus, timeout: number = 300): Partial<CSSProperties>
{ {
console.log(type, transition, timeout);
switch(type) switch(type)
{ {
case TransitionAnimationTypes.BOUNCE: case TransitionAnimationTypes.BOUNCE:
@ -93,6 +94,7 @@ export function getTransitionAnimationStyle(type: string, transition: Transition
default: default:
return {} return {}
case ENTERING: case ENTERING:
console.log('ya????')
return { return {
animationName: `fadeIn`, animationName: `fadeIn`,
animationDuration: `${ timeout }ms` animationDuration: `${ timeout }ms`

10
src/views/toolbar/ToolbarView.tsx
View File

@ -54,14 +54,6 @@ export const ToolbarView: FC<ToolbarViewProps> = props =>
} }
}, []); }, []);
function toggleMeToolbar(): void
{
setMeExpanded(prevValue =>
{
return !prevValue;
});
}
CreateMessageHook(UserInfoEvent, onUserInfoEvent); CreateMessageHook(UserInfoEvent, onUserInfoEvent);
return ( return (
@ -72,7 +64,7 @@ export const ToolbarView: FC<ToolbarViewProps> = props =>
<div className="d-flex nitro-toolbar py-1 px-3"> <div className="d-flex nitro-toolbar py-1 px-3">
<div className="navigation-items navigation-avatar pe-1 me-2"> <div className="navigation-items navigation-avatar pe-1 me-2">
<div className="navigation-item"> <div className="navigation-item">
<div className={ 'toolbar-avatar ' + (isMeExpanded ? 'active ' : '') } onClick={ toggleMeToolbar }> <div className={ 'toolbar-avatar ' + (isMeExpanded ? 'active ' : '') } onClick={ event => setMeExpanded(!isMeExpanded) }>
{ userInfo && <AvatarImageView figure={ userInfo.figure } direction={ 2 } /> } { userInfo && <AvatarImageView figure={ userInfo.figure } direction={ 2 } /> }
</div> </div>
</div> </div>