OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix error about being unable to pass ref to function component (#10707)

pull/28217/head
Michael Telatynski 2023-04-27 10:46:39 +01:00 committed by GitHub
parent e1f7b0af2c
commit 96bcfc58aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/views/messages/DecryptionFailureBody.tsx
View File

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
import React from "react"; import React, { forwardRef } from "react";
import { MatrixEvent } from "matrix-js-sdk/src/matrix"; import { MatrixEvent } from "matrix-js-sdk/src/matrix";
import { _t } from "../../../languageHandler"; import { _t } from "../../../languageHandler";
@ -27,6 +27,12 @@ function getErrorMessage(mxEvent?: MatrixEvent): string {
} }
// A placeholder element for messages that could not be decrypted // A placeholder element for messages that could not be decrypted
export function DecryptionFailureBody({ mxEvent }: Partial<IBodyProps>): JSX.Element { export const DecryptionFailureBody = forwardRef<HTMLDivElement, Partial<IBodyProps>>(
return <div className="mx_DecryptionFailureBody mx_EventTile_content">{getErrorMessage(mxEvent)}</div>; ({ mxEvent }, ref): JSX.Element => {
} return (
<div className="mx_DecryptionFailureBody mx_EventTile_content" ref={ref}>
{getErrorMessage(mxEvent)}
</div>
);
},
);