fixed loading circle placement for AccessPointDetails, Profile and ProfileDetails

This commit is contained in:
Alidev123
2020-08-12 13:51:15 -04:00
parent a1d4081f0b
commit 8b5af07f87
3 changed files with 12 additions and 9 deletions

View File

@@ -3,9 +3,12 @@ import PropTypes from 'prop-types';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import gql from 'graphql-tag'; import gql from 'graphql-tag';
import { useQuery, useMutation } from '@apollo/react-hooks'; import { useQuery, useMutation } from '@apollo/react-hooks';
import { Alert, Spin, notification } from 'antd'; import { Alert, notification } from 'antd';
import moment from 'moment'; import moment from 'moment';
import { AccessPointDetails as AccessPointDetailsPage } from '@tip-wlan/wlan-cloud-ui-library'; import {
AccessPointDetails as AccessPointDetailsPage,
Loading,
} from '@tip-wlan/wlan-cloud-ui-library';
import { FILTER_SERVICE_METRICS } from 'graphql/queries'; import { FILTER_SERVICE_METRICS } from 'graphql/queries';
import { UPDATE_EQUIPMENT_FIRMWARE } from 'graphql/mutations'; import { UPDATE_EQUIPMENT_FIRMWARE } from 'graphql/mutations';
@@ -264,7 +267,7 @@ const AccessPointDetails = ({ locations }) => {
); );
if (loading || landingProfiles || landingFirmware) { if (loading || landingProfiles || landingFirmware) {
return <Spin size="large" />; return <Loading />;
} }
if (error) { if (error) {

View File

@@ -2,8 +2,8 @@ import React, { useState, useContext } from 'react';
import { useParams, Redirect } from 'react-router-dom'; import { useParams, Redirect } from 'react-router-dom';
import gql from 'graphql-tag'; import gql from 'graphql-tag';
import { useQuery, useMutation } from '@apollo/react-hooks'; import { useQuery, useMutation } from '@apollo/react-hooks';
import { Alert, Spin, notification } from 'antd'; import { Alert, notification } from 'antd';
import { ProfileDetails as ProfileDetailsPage } from '@tip-wlan/wlan-cloud-ui-library'; import { ProfileDetails as ProfileDetailsPage, Loading } from '@tip-wlan/wlan-cloud-ui-library';
import UserContext from 'contexts/UserContext'; import UserContext from 'contexts/UserContext';
import { GET_ALL_PROFILES } from 'graphql/queries'; import { GET_ALL_PROFILES } from 'graphql/queries';
@@ -146,7 +146,7 @@ const ProfileDetails = () => {
); );
if (loading) { if (loading) {
return <Spin size="large" />; return <Loading />;
} }
if (error) { if (error) {

View File

@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
import gql from 'graphql-tag'; import gql from 'graphql-tag';
import { useQuery, useMutation } from '@apollo/react-hooks'; import { useQuery, useMutation } from '@apollo/react-hooks';
import { Alert, Spin, notification } from 'antd'; import { Alert, notification } from 'antd';
import { Profile as ProfilePage } from '@tip-wlan/wlan-cloud-ui-library'; import { Profile as ProfilePage, Loading } from '@tip-wlan/wlan-cloud-ui-library';
import UserContext from 'contexts/UserContext'; import UserContext from 'contexts/UserContext';
const GET_ALL_PROFILES = gql` const GET_ALL_PROFILES = gql`
@@ -92,7 +92,7 @@ const Profiles = () => {
}; };
if (loading) { if (loading) {
return <Spin size="large" />; return <Loading />;
} }
if (error) { if (error) {