mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-14 10:30:54 +03:00
Code Issues Projects Releases Packages Wiki Activity

confetti animationsd handeled on roomViewTimeline

Browse source
This commit is contained in:
nurjinn jafar 2020-08-24 10:44:32 +02:00
parent 34cee20140
commit a7567b2e31
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/structures/RoomView.js
View file

@ -57,7 +57,7 @@ import MatrixClientContext from "../../contexts/MatrixClientContext";
import { shieldStatusForRoom } from '../../utils/ShieldUtils'; import { shieldStatusForRoom } from '../../utils/ShieldUtils';
import {Action} from "../../dispatcher/actions"; import {Action} from "../../dispatcher/actions";
import {SettingLevel} from "../../settings/SettingLevel"; import {SettingLevel} from "../../settings/SettingLevel";
import Confetti from "../views/elements/Confetti"; import {animateConfetti, forceStopConfetti} from "../views/elements/Confetti";
const DEBUG = false; const DEBUG = false;
let debuglog = function() {}; let debuglog = function() {};
@ -68,7 +68,6 @@ if (DEBUG) {
// using bind means that we get to keep useful line numbers in the console // using bind means that we get to keep useful line numbers in the console
debuglog = console.log.bind(console); debuglog = console.log.bind(console);
} }
let confetti;
export default createReactClass({ export default createReactClass({
displayName: 'RoomView', displayName: 'RoomView',
propTypes: { propTypes: {
@ -511,6 +510,7 @@ export default createReactClass({
this.context.removeListener("deviceVerificationChanged", this.onDeviceVerificationChanged); this.context.removeListener("deviceVerificationChanged", this.onDeviceVerificationChanged);
this.context.removeListener("userTrustStatusChanged", this.onUserVerificationChanged); this.context.removeListener("userTrustStatusChanged", this.onUserVerificationChanged);
this.context.removeListener("crossSigning.keysChanged", this.onCrossSigningKeysChanged); this.context.removeListener("crossSigning.keysChanged", this.onCrossSigningKeysChanged);
this.context.removeListener("Event.decrypted", this.onEventDecrypted);
} }
window.removeEventListener('beforeunload', this.onPageUnload); window.removeEventListener('beforeunload', this.onPageUnload);
@ -630,9 +630,9 @@ export default createReactClass({
case 'message_send_failed': case 'message_send_failed':
case 'message_sent': case 'message_sent':
this._checkIfAlone(this.state.room); this._checkIfAlone(this.state.room);
confetti = new Confetti('100', '100'); break;
console.log('confetti sent'); case 'confetti':
confetti.animateConfetti('test', 'message'); animateConfetti(this._roomView.current.offsetWidth);
break; break;
case 'post_sticker_message': case 'post_sticker_message':
this.injectSticker( this.injectSticker(
@ -750,6 +750,18 @@ export default createReactClass({
}); });
} }
} }
if (!SettingsStore.getValue('dontShowChatEffects')) {
this.context.on('Event.decrypted', this.onEventDecrypted);
}
},
onEventDecrypted(ev) {
if (ev.isBeingDecrypted() || ev.isDecryptionFailure()) return;
this.handleConfetti();
},
handleConfetti() {
if (this.context.isInitialSyncComplete()) {
dis.dispatch({action: 'confetti'});
}
}, },
onRoomName: function(room) { onRoomName: function(room) {
@ -786,6 +798,7 @@ export default createReactClass({
this._calculateRecommendedVersion(room); this._calculateRecommendedVersion(room);
this._updateE2EStatus(room); this._updateE2EStatus(room);
this._updatePermissions(room); this._updatePermissions(room);
forceStopConfetti();
}, },
_calculateRecommendedVersion: async function(room) { _calculateRecommendedVersion: async function(room) {