Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
…4-outreachvids into fix/OV-326-close-video-menu-on-studio-page
  • Loading branch information
lfelix3011 committed Sep 17, 2024
2 parents 9829340 + ccc080b commit 8029bfe
Show file tree
Hide file tree
Showing 14 changed files with 164 additions and 64 deletions.
Binary file removed frontend/src/assets/img/avatar.png
Binary file not shown.
3 changes: 0 additions & 3 deletions frontend/src/assets/img/logo-text.svg

This file was deleted.

20 changes: 0 additions & 20 deletions frontend/src/assets/img/logo.svg

This file was deleted.

1 change: 0 additions & 1 deletion frontend/src/assets/img/react.svg

This file was deleted.

Original file line number Diff line number Diff line change
@@ -1,12 +1,3 @@
.logo {
margin-bottom: 50px;
display: flex;
}

.logo img {
margin-right: 10px;
}

.heading {
color: white;
margin-bottom: 6px;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const ChatBody: React.FC<Properties> = ({ messages }) => {
return (
<Box minHeight="400px" maxHeight="400px" overflowY="auto" mb="2">
{dataStatus === DataStatus.PENDING ? (
<Loader />
<Loader isDark />
) : (
<MessageList messages={messages} />
)}
Expand Down
13 changes: 0 additions & 13 deletions frontend/src/bundles/common/components/header/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,3 @@
align-items: center;
justify-content: space-between;
}

.logo {
width: 50px;
height: 50px;
}

.logo-container {
display: flex;
align-items: center;
}
.logo-container img {
margin-right: 10px;
}
14 changes: 11 additions & 3 deletions frontend/src/bundles/common/components/loader/loader.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,16 @@ import {

import { SPIN_ANIMATION } from './libs/constants/constants.js';

const Loader = (): JSX.Element => {
type Properties = {
isDark?: boolean;
};

const Loader: React.FC<Properties> = ({ isDark = false }) => {
return (
<Flex flexDirection="column" alignItems="center">
<Box position="relative" width="100px" height="100px">
<Circle size="full" color="text.default">
<Logo logoSize="70px" />
<Logo logoSize="70px" isDark={isDark} />
</Circle>
<Circle
position="absolute"
Expand All @@ -24,7 +28,11 @@ const Loader = (): JSX.Element => {
animation={`${SPIN_ANIMATION} 1s linear infinite`}
/>
</Box>
<Text fontSize="lg" marginTop="10px">
<Text
fontSize="lg"
marginTop="10px"
color={isDark ? 'background.600' : 'inherit'}
>
Loading...
</Text>
</Flex>
Expand Down
Loading

0 comments on commit 8029bfe

Please sign in to comment.