hippoz/cinny
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make room alias component reusable for space settings

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-01-29 13:46:32 +05:30
parent 8c013aa2a9
commit 1e739e94e2
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app/molecules/room-aliases/RoomAliases.jsx
View file

@ -293,7 +293,7 @@ function RoomAliases({ roomId }) {
<div className="room-aliases"> <div className="room-aliases">
<SettingTile <SettingTile
title="Publish to room directory" title="Publish to room directory"
content={<Text variant="b3">{`Publish this room to the ${hsString}'s public room directory?`}</Text>} content={<Text variant="b3">{`Publish this ${room.isSpaceRoom() ? 'space' : 'room'} to the ${hsString}'s public room directory?`}</Text>}
options={( options={(
<Toggle <Toggle
isActive={isPublic} isActive={isPublic}
@ -308,14 +308,18 @@ function RoomAliases({ roomId }) {
{(aliases.published.length === 0) && <Text className="room-aliases__message">No published addresses</Text>} {(aliases.published.length === 0) && <Text className="room-aliases__message">No published addresses</Text>}
{(aliases.published.length > 0 && !aliases.main) && <Text className="room-aliases__message">No Main address (select one from below)</Text>} {(aliases.published.length > 0 && !aliases.main) && <Text className="room-aliases__message">No Main address (select one from below)</Text>}
{aliases.published.map(renderAlias)} {aliases.published.map(renderAlias)}
<Text className="room-aliases__message" variant="b3">Published addresses can be used by anyone on any server to join your room. To publish an address, it needs to be set as a local address first.</Text> <Text className="room-aliases__message" variant="b3">
{`Published addresses can be used by anyone on any server to join your ${room.isSpaceRoom() ? 'space' : 'room'}. To publish an address, it needs to be set as a local address first.`}
</Text>
</div> </div>
{ isLocalVisible && ( { isLocalVisible && (
<div className="room-aliases__content"> <div className="room-aliases__content">
<MenuHeader>Local addresses</MenuHeader> <MenuHeader>Local addresses</MenuHeader>
{(aliases.local.length === 0) && <Text className="room-aliases__message">No local addresses</Text>} {(aliases.local.length === 0) && <Text className="room-aliases__message">No local addresses</Text>}
{aliases.local.map(renderAlias)} {aliases.local.map(renderAlias)}
<Text className="room-aliases__message" variant="b3">Set local addresses for this room so users can find this room through your homeserver.</Text> <Text className="room-aliases__message" variant="b3">
{`Set local addresses for this ${room.isSpaceRoom() ? 'space' : 'room'} so users can find this ${room.isSpaceRoom() ? 'space' : 'room'} through your homeserver.`}
</Text>
<Text className="room-aliases__form-label" variant="b2">Add local address</Text> <Text className="room-aliases__form-label" variant="b2">Add local address</Text>
<form className="room-aliases__form" onSubmit={handleAliasSubmit}> <form className="room-aliases__form" onSubmit={handleAliasSubmit}>
@ -324,7 +328,7 @@ function RoomAliases({ roomId }) {
name="alias-input" name="alias-input"
state={inputState} state={inputState}
onChange={handleAliasChange} onChange={handleAliasChange}
placeholder="my_room_address" placeholder={`my_${room.isSpaceRoom() ? 'space' : 'room'}_address`}
required required
/> />
</div> </div>