nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-17 01:12:37 +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>
{
console.log(type, transition, timeout);
switch(type)
{
case TransitionAnimationTypes.BOUNCE:
@ -93,6 +94,7 @@ export function getTransitionAnimationStyle(type: string, transition: Transition
default:
return {}
case ENTERING:
console.log('ya????')
return {
animationName: `fadeIn`,
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);
return (
@ -72,7 +64,7 @@ export const ToolbarView: FC<ToolbarViewProps> = props =>
<div className="d-flex nitro-toolbar py-1 px-3">
<div className="navigation-items navigation-avatar pe-1 me-2">
<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 } /> }
</div>
</div>