Regression: contextualBar folder structure (#19761)

client/views/room/adapters.js

@@ -22,22 +22,22 @@ createTemplateForComponent('room', () => import('.'), {
 	renderContainerView: () => HTML.DIV({ style: 'height: 100%; position: relative;' }), // eslint-disable-line new-cap
 });
 
-createTemplateForComponent('AutoTranslate', () => import('./AutoTranslate'), {
+createTemplateForComponent('AutoTranslate', () => import('./contextualBar/AutoTranslate'), {
 	renderContainerView: () => HTML.DIV({ class: 'contextual-bar' }), // eslint-disable-line new-cap
 });
 
-createTemplateForComponent('NotificationsPreferences', () => import('./NotificationPreferences'), {
+createTemplateForComponent('NotificationsPreferences', () => import('./contextualBar/NotificationPreferences'), {
 	renderContainerView: () => HTML.DIV({ class: 'contextual-bar' }), // eslint-disable-line new-cap
 });
 
-createTemplateForComponent('InviteUsers', () => import('../views/room/RoomMembers/InviteUsers'), {
+createTemplateForComponent('InviteUsers', () => import('./contextualBar/RoomMembers/InviteUsers'), {
 	renderContainerView: () => HTML.DIV({ class: 'contextual-bar' }), // eslint-disable-line new-cap
 });
 
-createTemplateForComponent('EditInvite', () => import('../views/room/RoomMembers/EditInvite'), {
+createTemplateForComponent('EditInvite', () => import('./contextualBar/RoomMembers/EditInvite'), {
 	renderContainerView: () => HTML.DIV({ class: 'contextual-bar' }), // eslint-disable-line new-cap
 });
 
-createTemplateForComponent('OTR', () => import('../views/room/ContextualBar/OTR'), {
+createTemplateForComponent('OTR', () => import('./contextualBar/OTR'), {
 	renderContainerView: () => HTML.DIV({ class: 'contextual-bar' }), // eslint-disable-line new-cap
 });

client/views/room/contextualBar/NotificationPreferences/NotificationPreferences.js

@@ -2,12 +2,12 @@ import React from 'react';
 import { Button, ButtonGroup, FieldGroup, Icon } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
-import { useForm } from '../../../hooks/useForm';
-import { useUserSubscription, useUser } from '../../../contexts/UserContext';
-import { useTranslation } from '../../../contexts/TranslationContext';
-import { useCustomSound } from '../../../contexts/CustomSoundContext';
-import { useEndpointActionExperimental } from '../../../hooks/useEndpointAction';
-import VerticalBar from '../../../components/VerticalBar';
+import { useForm } from '../../../../hooks/useForm';
+import { useUserSubscription, useUser } from '../../../../contexts/UserContext';
+import { useTranslation } from '../../../../contexts/TranslationContext';
+import { useCustomSound } from '../../../../contexts/CustomSoundContext';
+import { useEndpointActionExperimental } from '../../../../hooks/useEndpointAction';
+import VerticalBar from '../../../../components/VerticalBar';
 import { Preferences } from './components/Preferences';
 import { NotificationByDevice } from './components/NotificationByDevice';
 import { NotificationToogle } from './components/NotificationToogle';

client/views/room/contextualBar/NotificationPreferences/NotificationsPreferences.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box } from '@rocket.chat/fuselage';
 
-import VerticalBar from '../../../components/VerticalBar';
+import VerticalBar from '../../../../components/VerticalBar';
 
 import { NotificationsPreferences } from '.';
 

client/views/room/contextualBar/NotificationPreferences/components/NotificationToogle.js

@@ -8,7 +8,7 @@ export const NotificationToogle = React.memo(({ label, description, onChange, de
 	return <FieldGroup>
 		<Box display='flex' justifyContent='space-between' alignItems='start'>
 			<Box display='flex' flexDirection='column'>
-				<Field.Label for={id}>{label}</Field.Label>
+				<Field.Label htmlFor={id}>{label}</Field.Label>
 				<Field.Description>{description}</Field.Description>
 			</Box>
 			<ToggleSwitch id={id} onChange={onChange} defaultChecked={defaultChecked} />

client/views/room/contextualBar/RoomMembers/EditInvite/EditInvite.js

@@ -2,8 +2,8 @@ import React, { useMemo, useState } from 'react';
 import { Box, Field, Select, Button, InputBox } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
-import { useTranslation } from '../../../../contexts/TranslationContext';
-import VerticalBar from '../../../../components/VerticalBar';
+import { useTranslation } from '../../../../../contexts/TranslationContext';
+import VerticalBar from '../../../../../components/VerticalBar';
 
 export const EditInvite = ({
 	onClickBack,

client/views/room/contextualBar/RoomMembers/EditInvite/EditInvite.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { EditInvite } from './EditInvite';
-import VerticalBar from '../../../../components/VerticalBar';
+import VerticalBar from '../../../../../components/VerticalBar';
 
 export default {
 	title: 'components/RoomMembers/EditInvite',

client/views/room/contextualBar/RoomMembers/InviteUsers/InviteUsers.js

@@ -2,11 +2,11 @@ import React, { useState, useEffect } from 'react';
 import { Box, Field, UrlInput, Icon, Button, InputBox, Callout } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
-import useClipboard from '../../../../hooks/useClipboard';
-import VerticalBar from '../../../../components/VerticalBar';
-import { useTranslation } from '../../../../contexts/TranslationContext';
-import { useEndpoint } from '../../../../contexts/ServerContext';
-import { useFormatDateAndTime } from '../../../../hooks/useFormatDateAndTime';
+import useClipboard from '../../../../../hooks/useClipboard';
+import VerticalBar from '../../../../../components/VerticalBar';
+import { useTranslation } from '../../../../../contexts/TranslationContext';
+import { useEndpoint } from '../../../../../contexts/ServerContext';
+import { useFormatDateAndTime } from '../../../../../hooks/useFormatDateAndTime';
 import EditInvite from '../EditInvite';
 
 export const InviteUsers = ({

client/views/room/contextualBar/RoomMembers/InviteUsers/InviteUsers.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { InviteUsers } from './InviteUsers';
-import VerticalBar from '../../../../components/VerticalBar';
+import VerticalBar from '../../../../../components/VerticalBar';
 
 export default {
 	title: 'components/RoomMembers/InviteUsers',