From 0a825547a786229fb3eff01738c41b4e2904e9e4 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Thu, 9 Jul 2020 23:24:32 +0200
Subject: [PATCH] Don't use `this` in functional components

This works in preact, but doesn't with react.
---
 components/buffer-list.js | 2 +-
 components/member-list.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/buffer-list.js b/components/buffer-list.js
index bbb09c1..64524f8 100644
--- a/components/buffer-list.js
+++ b/components/buffer-list.js
@@ -60,7 +60,7 @@ function compareBuffers(a, b) {
 export default function BufferList(props) {
 	return html`
 		<ul>
-			${Array.from(this.props.buffers.values()).sort(compareBuffers).map(buf => html`
+			${Array.from(props.buffers.values()).sort(compareBuffers).map(buf => html`
 				<${BufferItem} key=${buf.name} buffer=${buf} onClick=${() => props.onBufferClick(buf.name)} active=${props.activeBuffer == buf.name}/>
 			`)}
 		</ul>
diff --git a/components/member-list.js b/components/member-list.js
index dd84889..4d477ee 100644
--- a/components/member-list.js
+++ b/components/member-list.js
@@ -17,7 +17,7 @@ function MemberItem(props) {
 export default function MemberList(props) {
 	return html`
 		<ul>
-			${Array.from(this.props.members.entries()).sort().map(([nick, membership]) => html`
+			${Array.from(props.members.entries()).sort().map(([nick, membership]) => html`
 				<${MemberItem} key=${nick} nick=${nick} membership=${membership} onClick=${() => props.onNickClick(nick)}/>
 			`)}
 		</ul>