From 18fb6f7faabe10f92724c3d7ad74ec072136a22c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?KMY=EF=BC=88=E9=9B=AA=E3=81=82=E3=81=99=E3=81=8B=EF=BC=89?=
 <tt@kmycode.net>
Date: Tue, 3 Dec 2024 17:39:19 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20#919=20=E3=83=AA=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E3=81=AE=E3=80=8CHide=20members=20in=20home=E3=80=8D=E8=A8=AD?=
 =?UTF-8?q?=E5=AE=9A=E7=8A=B6=E6=B3=81=E3=81=8C=E3=80=81=E3=82=A2=E3=82=AB?=
 =?UTF-8?q?=E3=82=A6=E3=83=B3=E3=83=88=E3=81=AE=E3=83=AA=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E7=94=BB=E9=9D=A2=E3=81=AB=E8=A1=A8=E7=A4=BA?=
 =?UTF-8?q?=E3=81=95=E3=82=8C=E3=81=AA=E3=81=84=20(#924)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fix: #919 リストの「Hide members in home」設定状況が、アカウントのリスト追加画面に表示されない

* Fix lint
---
 app/javascript/mastodon/features/list_adder/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/javascript/mastodon/features/list_adder/index.tsx b/app/javascript/mastodon/features/list_adder/index.tsx
index 5429c24aed..a5ad760f4b 100644
--- a/app/javascript/mastodon/features/list_adder/index.tsx
+++ b/app/javascript/mastodon/features/list_adder/index.tsx
@@ -6,6 +6,7 @@ import { isFulfilled } from '@reduxjs/toolkit';
 
 import CloseIcon from '@/material-icons/400-24px/close.svg?react';
 import ListAltIcon from '@/material-icons/400-24px/list_alt.svg?react';
+import VisibilityOffIcon from '@/material-icons/400-24px/visibility_off.svg?react';
 import { fetchLists } from 'mastodon/actions/lists';
 import { createList } from 'mastodon/actions/lists_typed';
 import {
@@ -39,9 +40,10 @@ const messages = defineMessages({
 const ListItem: React.FC<{
   id: string;
   title: string;
+  exclusive: boolean;
   checked: boolean;
   onChange: (id: string, checked: boolean) => void;
-}> = ({ id, title, checked, onChange }) => {
+}> = ({ id, title, exclusive, checked, onChange }) => {
   const handleChange = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {
       onChange(id, e.target.checked);
@@ -50,10 +52,10 @@ const ListItem: React.FC<{
   );
 
   return (
-    // eslint-disable-next-line jsx-a11y/label-has-associated-control
     <label className='lists__item'>
       <div className='lists__item__title'>
         <Icon id='list-ul' icon={ListAltIcon} />
+        {exclusive && <Icon id='eye-slash' icon={VisibilityOffIcon} />}
         <span>{title}</span>
       </div>
 
@@ -199,6 +201,7 @@ const ListAdder: React.FC<{
               key={list.id}
               id={list.id}
               title={list.title}
+              exclusive={list.exclusive}
               checked={listIds.includes(list.id)}
               onChange={handleToggle}
             />