Skip to content

Commit a655a27

Browse files
filipemarinsfilipemarins
committed
refactor: rename component
1 parent f929492 commit a655a27

File tree

10 files changed

+56
-56
lines changed

10 files changed

+56
-56
lines changed

‎packages/fuselage-ui-kit/src/stories/Message.stories.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,10 @@ const createStory = (blocks: readonly UiKit.LayoutBlock[]) => {
4141
</Message.LeftContainer>
4242
<Message.Container>
4343
<Message.Header>
44-
<Message.Names>
44+
<Message.NameContainer>
4545
<Message.Name>Haylie George</Message.Name>{' '}
4646
<Message.Username>@haylie.george</Message.Username>
47-
</Message.Names>
47+
</Message.NameContainer>
4848
<Message.Role>Admin</Message.Role>
4949
<Message.Role>User</Message.Role>
5050
<Message.Role>Owner</Message.Role>

‎packages/fuselage/src/components/Message/MessageGenericPreview/MessageGenericPreview.stories.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -38,10 +38,10 @@ export default {
3838
</Message.LeftContainer>
3939
<Message.Container>
4040
<Message.Header>
41-
<Message.Names>
41+
<Message.NameContainer>
4242
<Message.Name>Haylie George</Message.Name>{' '}
4343
<Message.Username>@haylie.george</Message.Username>
44-
</Message.Names>
44+
</Message.NameContainer>
4545
<Message.Role>Admin</Message.Role>
4646
<Message.Role>User</Message.Role>
4747
<Message.Role>Owner</Message.Role>

‎packages/fuselage/src/components/Message/MessageNameContainer.tsx

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import type { AllHTMLAttributes } from 'react';
2+
import React from 'react';
3+
4+
type MessageNameContainerProps = AllHTMLAttributes<HTMLSpanElement>;
5+
6+
export const MessageNameContainer = (props: MessageNameContainerProps) => (
7+
<span
8+
className='rcx-box rcx-box--full rcx-message-header__name-container'
9+
{...props}
10+
/>
11+
);

‎packages/fuselage/src/components/Message/MessageNames.tsx

-11
This file was deleted.

‎packages/fuselage/src/components/Message/MessageStatusIndicator/MessageStatusIndicator.stories.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -38,10 +38,10 @@ export const Default = () => (
3838
</Message.LeftContainer>
3939
<Message.Container>
4040
<Message.Header>
41-
<Message.Names>
41+
<Message.NameContainer>
4242
<Message.Name>Haylie George</Message.Name>{' '}
4343
<Message.Username>@haylie.george</Message.Username>
44-
</Message.Names>
44+
</Message.NameContainer>
4545
<Message.Role>Admin</Message.Role>
4646
<Message.Role>User</Message.Role>
4747
<Message.Role>Owner</Message.Role>

‎packages/fuselage/src/components/Message/MessageSystem/MessageSystem.stories.tsx

+11-11
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
} from '.';
1111
import {
1212
MessageDivider,
13-
MessageNames,
13+
MessageNameContainer,
1414
MessageSystemBlock,
1515
MessageUsername,
1616
} from '..';
@@ -46,9 +46,9 @@ export const Default = () => (
4646
</MessageSystemLeftContainer>
4747
<MessageSystemContainer>
4848
<MessageSystemBlock>
49-
<MessageNames>
49+
<MessageNameContainer>
5050
<MessageSystemName>Haylie George</MessageSystemName>
51-
</MessageNames>
51+
</MessageNameContainer>
5252
<MessageSystemBody>
5353
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
5454
nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in
@@ -81,9 +81,9 @@ export const Default = () => (
8181
</MessageSystemLeftContainer>
8282
<MessageSystemContainer>
8383
<MessageSystemBlock>
84-
<MessageNames>
84+
<MessageNameContainer>
8585
<MessageSystemName>Haylie George</MessageSystemName>
86-
</MessageNames>
86+
</MessageNameContainer>
8787
<MessageSystemBody>
8888
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
8989
nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in
@@ -115,9 +115,9 @@ export const Default = () => (
115115
</MessageSystemLeftContainer>
116116
<MessageSystemContainer>
117117
<MessageSystemBlock>
118-
<MessageNames>
118+
<MessageNameContainer>
119119
<MessageSystemName>Haylie George</MessageSystemName>
120-
</MessageNames>
120+
</MessageNameContainer>
121121
<MessageSystemBody>
122122
Reprehenderit ut aliquip ex ea commodo consequat a duis aute irure
123123
dolor in in voluptate velit esse cillum dolore eu fugiat nulla
@@ -148,10 +148,10 @@ export const Default = () => (
148148
</MessageSystemLeftContainer>
149149
<MessageSystemContainer>
150150
<MessageSystemBlock>
151-
<MessageNames>
151+
<MessageNameContainer>
152152
<MessageSystemName>Haylie George</MessageSystemName>{' '}
153153
<MessageUsername>@haylie.george</MessageUsername>
154-
</MessageNames>
154+
</MessageNameContainer>
155155
<MessageSystemBody>
156156
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
157157
nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in
@@ -183,9 +183,9 @@ export const Default = () => (
183183
</MessageSystemLeftContainer>
184184
<MessageSystemContainer>
185185
<MessageSystemBlock>
186-
<MessageNames>
186+
<MessageNameContainer>
187187
<MessageSystemName>Haylie George</MessageSystemName>
188-
</MessageNames>
188+
</MessageNameContainer>
189189
<MessageSystemBody>
190190
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
191191
nisi ut aliquip ex ea commodo consequat a duis aute irure dolor in

‎packages/fuselage/src/components/Message/Messages.stories.tsx

+22-22
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,10 @@ export const Default: ComponentStory<typeof Message> = () => (
3030
</Message.LeftContainer>
3131
<Message.Container>
3232
<Message.Header>
33-
<Message.Names>
33+
<Message.NameContainer>
3434
<Message.Name>Haylie George</Message.Name>{' '}
3535
<Message.Username>@haylie.george</Message.Username>
36-
</Message.Names>
36+
</Message.NameContainer>
3737
<Message.Roles>
3838
<Message.Role>Admin</Message.Role>
3939
<Message.Role>User</Message.Role>
@@ -76,10 +76,10 @@ export const WithSequential = () => (
7676
</Message.LeftContainer>
7777
<Message.Container>
7878
<Message.Header>
79-
<Message.Names>
79+
<Message.NameContainer>
8080
<Message.Name>Haylie George</Message.Name>{' '}
8181
<Message.Username>@haylie.george</Message.Username>
82-
</Message.Names>
82+
</Message.NameContainer>
8383
<Message.Roles>
8484
<Message.Role>Admin</Message.Role>
8585
<Message.Role>User</Message.Role>
@@ -191,10 +191,10 @@ export const MessageWithThread = () => (
191191
</Message.LeftContainer>
192192
<Message.Container>
193193
<Message.Header>
194-
<Message.Names>
194+
<Message.NameContainer>
195195
<Message.Name>Haylie George</Message.Name>{' '}
196196
<Message.Username>@haylie.george</Message.Username>
197-
</Message.Names>
197+
</Message.NameContainer>
198198
<Message.Roles>
199199
<Message.Role>Admin</Message.Role>
200200
<Message.Role>User</Message.Role>
@@ -328,10 +328,10 @@ export const MessageSelected = () => {
328328
</Message.LeftContainer>
329329
<Message.Container>
330330
<Message.Header>
331-
<Message.Names>
331+
<Message.NameContainer>
332332
<Message.Name>Haylie George</Message.Name>{' '}
333333
<Message.Username>@haylie.george</Message.Username>
334-
</Message.Names>
334+
</Message.NameContainer>
335335
<Message.Roles>
336336
<Message.Role>Admin</Message.Role>
337337
<Message.Role>User</Message.Role>
@@ -368,10 +368,10 @@ export const MessageEditing = () => (
368368
</Message.LeftContainer>
369369
<Message.Container>
370370
<Message.Header>
371-
<Message.Names>
371+
<Message.NameContainer>
372372
<Message.Name>Haylie George</Message.Name>{' '}
373373
<Message.Username>@haylie.george</Message.Username>
374-
</Message.Names>
374+
</Message.NameContainer>
375375
<Message.Roles>
376376
<Message.Role>Admin</Message.Role>
377377
<Message.Role>User</Message.Role>
@@ -452,10 +452,10 @@ export const MessageUnorderedList = () => (
452452
</Message.LeftContainer>
453453
<Message.Container>
454454
<Message.Header>
455-
<Message.Names>
455+
<Message.NameContainer>
456456
<Message.Name>Haylie George</Message.Name>{' '}
457457
<Message.Username>@haylie.george</Message.Username>
458-
</Message.Names>
458+
</Message.NameContainer>
459459
<Message.Roles>
460460
<Message.Role>Admin</Message.Role>
461461
<Message.Role>User</Message.Role>
@@ -498,10 +498,10 @@ export const MessageOrderedList = () => (
498498
</Message.LeftContainer>
499499
<Message.Container>
500500
<Message.Header>
501-
<Message.Names>
501+
<Message.NameContainer>
502502
<Message.Name>Haylie George</Message.Name>{' '}
503503
<Message.Username>@haylie.george</Message.Username>
504-
</Message.Names>
504+
</Message.NameContainer>
505505
<Message.Roles>
506506
<Message.Role>Admin</Message.Role>
507507
<Message.Role>User</Message.Role>
@@ -544,10 +544,10 @@ export const MessageHighlighted = () => (
544544
</Message.LeftContainer>
545545
<Message.Container>
546546
<Message.Header>
547-
<Message.Names>
547+
<Message.NameContainer>
548548
<Message.Name>Haylie George</Message.Name>{' '}
549549
<Message.Username>@haylie.george</Message.Username>
550-
</Message.Names>
550+
</Message.NameContainer>
551551
<Message.Roles>
552552
<Message.Role>Admin</Message.Role>
553553
<Message.Role>User</Message.Role>
@@ -628,10 +628,10 @@ export const MessagePending = () => (
628628
</Message.LeftContainer>
629629
<Message.Container>
630630
<Message.Header>
631-
<Message.Names>
631+
<Message.NameContainer>
632632
<Message.Name>Haylie George</Message.Name>{' '}
633633
<Message.Username>@haylie.george</Message.Username>
634-
</Message.Names>
634+
</Message.NameContainer>
635635
<Message.Roles>
636636
<Message.Role>Admin</Message.Role>
637637
<Message.Role>User</Message.Role>
@@ -705,10 +705,10 @@ export const MessageWithMetrics: ComponentStory<typeof Message> = () => (
705705
</Message.LeftContainer>
706706
<Message.Container>
707707
<Message.Header>
708-
<Message.Names>
708+
<Message.NameContainer>
709709
<Message.Name>Haylie George</Message.Name>{' '}
710710
<Message.Username>@haylie.george</Message.Username>
711-
</Message.Names>
711+
</Message.NameContainer>
712712
<Message.Roles>
713713
<Message.Role>Admin</Message.Role>
714714
<Message.Role>User</Message.Role>
@@ -758,10 +758,10 @@ export const LotsOfReactions: ComponentStory<typeof Message> = () => (
758758
</Message.LeftContainer>
759759
<Message.Container>
760760
<Message.Header>
761-
<Message.Names>
761+
<Message.NameContainer>
762762
<Message.Name>Haylie George</Message.Name>{' '}
763763
<Message.Username>@haylie.george</Message.Username>
764-
</Message.Names>
764+
</Message.NameContainer>
765765
<Message.Roles>
766766
<Message.Role>Admin</Message.Role>
767767
<Message.Role>User</Message.Role>

‎packages/fuselage/src/components/Message/Messages.styles.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ $message-background-color-highlight: functions.theme(
133133
color: colors.font(annotation);
134134
}
135135

136-
&__names {
136+
&__name-container {
137137
@extend %rcx-margins-header;
138138

139139
display: inline;

‎packages/fuselage/src/components/Message/index.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import { MessageHeader } from './MessageHeader';
88
import { MessageLeftContainer } from './MessageLeftContainer';
99
import MessageMetrics from './MessageMetrics';
1010
import { MessageName } from './MessageName';
11-
import { MessageNames } from './MessageNames';
11+
import { MessageNameContainer } from './MessageNameContainer';
1212
import { MessageRole } from './MessageRole';
1313
import { MessageRoles } from './MessageRoles';
1414
import { MessageTimestamp } from './MessageTimestamp';
@@ -28,7 +28,7 @@ export * from './MessageBody';
2828
export * from './MessageContainer';
2929
export * from './MessageContainerFixed';
3030
export * from './MessageHeader';
31-
export * from './MessageNames';
31+
export * from './MessageNameContainer';
3232
export * from './MessageLeftContainer';
3333
export * from './MessageName';
3434
export * from './MessageRole';
@@ -47,7 +47,7 @@ export default Object.assign(Message, {
4747
Body: MessageBody,
4848
Block: MessageBlock,
4949
Timestamp: MessageTimestamp,
50-
Names: MessageNames,
50+
NameContainer: MessageNameContainer,
5151
Name: MessageName,
5252
Username: MessageUsername,
5353
Roles: MessageRoles,

‎packages/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -24,10 +24,10 @@ const MessageSurface = ({ blocks, onDragEnd }: DraggableListProps) => (
2424
</Message.LeftContainer>
2525
<Message.Container>
2626
<Message.Header>
27-
<Message.Names>
27+
<Message.NameContainer>
2828
<Message.Name>Haylie George</Message.Name>{' '}
2929
<Message.Username>@haylie.george</Message.Username>
30-
</Message.Names>
30+
</Message.NameContainer>
3131
<Message.Role>Admin</Message.Role>
3232
<Message.Role>User</Message.Role>
3333
<Message.Role>Owner</Message.Role>

0 commit comments

Comments
 (0)