Skip to content

Commit

Permalink
[GH-1078]: added files related to loader into new folder
Browse files Browse the repository at this point in the history
  • Loading branch information
Kshitij-Katiyar committed Jun 27, 2024
1 parent f8dc5ef commit 8d66388
Show file tree
Hide file tree
Showing 4 changed files with 40 additions and 2 deletions.
3 changes: 3 additions & 0 deletions webapp/src/components/loading/loading.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.loading-panel {
align-items: baseline !important;
}
35 changes: 35 additions & 0 deletions webapp/src/components/loading/loading.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React, {PureComponent} from 'react';
import './loading.scss';

type Props = {
position?: 'absolute' | 'fixed' | 'relative' | 'static' | 'inherit';
style?: object;
};

export default class Loading extends PureComponent<Props> {
static defaultProps = {
position: 'relative',
style: {},
};

public render() {
return (
<div
className='loading-screen'
style={{position: this.props.position, ...this.props.style}}
>
<div className='loading__content loading-panel'>
<h3>
{'Loading'}
</h3>
<div className='round round-1'/>
<div className='round round-2'/>
<div className='round round-3'/>
</div>
</div>
);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import ReactSelectSetting from 'components/react_select_setting';
import ConfirmModal from 'components/confirm_modal';
import FormButton from 'components/form_button';
import Input from 'components/input';
import Loading from 'components/loading';
import Loading from 'components/loading/loading';
import Validator from 'components/validator';
import JiraInstanceAndProjectSelector from 'components/jira_instance_and_project_selector';

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import {getModalStyles} from 'utils/styles';
import Validator from 'components/validator';
import JiraFields from 'components/jira_fields';
import FormButton from 'components/form_button';
import Loading from 'components/loading';
import Loading from 'components/loading/loading';
import ReactSelectSetting from 'components/react_select_setting';
import JiraInstanceAndProjectSelector from 'components/jira_instance_and_project_selector';

Expand Down

0 comments on commit 8d66388

Please sign in to comment.