diff --git a/images/signal-logo.svg b/images/signal-logo.svg index 2ba32a87c711..ff0e2a07e0a8 100644 --- a/images/signal-logo.svg +++ b/images/signal-logo.svg @@ -1 +1 @@ -logo final final \ No newline at end of file + diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index d0f5caf3917c..fa6535f3b7b4 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -292,7 +292,7 @@ $loading-height: 16px; justify-content: center; user-select: none; - .container { + .dot-container { display: flex; gap: 7px; margin-block: 6px 22px; diff --git a/ts/components/Inbox.stories.tsx b/ts/components/Inbox.stories.tsx index b2f93e4dfc79..6ecbc017120f 100644 --- a/ts/components/Inbox.stories.tsx +++ b/ts/components/Inbox.stories.tsx @@ -21,7 +21,10 @@ export default { hasInitialLoadCompleted: false, isCustomizingPreferredReactions: false, }, -} satisfies Meta; + argTypes: { + daysAgo: { control: { type: 'number' } }, + }, +} satisfies Meta; // eslint-disable-next-line react/function-component-definition const Template: StoryFn = ({ @@ -32,7 +35,7 @@ const Template: StoryFn = ({ const [dayOffset, setDayOffset] = useState(0); useEffect(() => { - if (daysAgo === undefined) { + if (!daysAgo) { setDayOffset(0); return noop; } @@ -64,3 +67,8 @@ const Template: StoryFn = ({ }; export const Default = Template.bind({}); + +export const FourDaysAgo = Template.bind({}); +FourDaysAgo.args = { + daysAgo: 4, +}; diff --git a/ts/components/Inbox.tsx b/ts/components/Inbox.tsx index 74a623352110..6a79300d0bb3 100644 --- a/ts/components/Inbox.tsx +++ b/ts/components/Inbox.tsx @@ -128,7 +128,7 @@ export function Inbox({
{envelopeTimestamp === undefined ? ( -
+