Unverified Commit 74e7bed9 authored by Tamika Tannis's avatar Tamika Tannis Committed by GitHub

fix: Remove beta flag for dashboard UI (#492)

* Remove beta flag

* Lint fix
parent f5a1c32a
...@@ -15,8 +15,7 @@ $loading-curve: cubic-bezier(0.45, 0, 0.15, 1); ...@@ -15,8 +15,7 @@ $loading-curve: cubic-bezier(0.45, 0, 0.15, 1);
.is-shimmer-animated { .is-shimmer-animated {
animation: $loading-duration shimmer $loading-curve infinite; animation: $loading-duration shimmer $loading-curve infinite;
background-image: background-image: linear-gradient(
linear-gradient(
to right, to right,
$gray10 0%, $gray10 0%,
$gray10 33%, $gray10 33%,
......
...@@ -174,9 +174,7 @@ export class DashboardPage extends React.Component< ...@@ -174,9 +174,7 @@ export class DashboardPage extends React.Component<
resourceType={ResourceType.dashboard} resourceType={ResourceType.dashboard}
/> />
<div className="body-2"> <div className="body-2">
Dashboard Dashboard in&nbsp;
<Flag text="beta" labelStyle="default" />
in&nbsp;
<a <a
id="dashboard-group-link" id="dashboard-group-link"
onClick={logClick} onClick={logClick}
......
...@@ -2,7 +2,6 @@ import * as React from 'react'; ...@@ -2,7 +2,6 @@ import * as React from 'react';
import { bindActionCreators } from 'redux'; import { bindActionCreators } from 'redux';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import Flag from 'components/common/Flag';
import { import {
DASHBOARD_RESOURCE_TITLE, DASHBOARD_RESOURCE_TITLE,
TABLE_RESOURCE_TITLE, TABLE_RESOURCE_TITLE,
...@@ -57,9 +56,6 @@ export class ResourceSelector extends React.Component<ResourceSelectorProps> { ...@@ -57,9 +56,6 @@ export class ResourceSelector extends React.Component<ResourceSelectorProps> {
onChange={this.onChange} onChange={this.onChange}
/> />
<span className="subtitle-2">{option.label}</span> <span className="subtitle-2">{option.label}</span>
{option.type === ResourceType.dashboard && (
<Flag text="beta" labelStyle="default" />
)}
<span className="body-secondary-3 pull-right">{option.count}</span> <span className="body-secondary-3 pull-right">{option.count}</span>
</label> </label>
</div> </div>
......
...@@ -2,7 +2,6 @@ import * as React from 'react'; ...@@ -2,7 +2,6 @@ import * as React from 'react';
import { logClick } from 'ducks/utilMethods'; import { logClick } from 'ducks/utilMethods';
import { ResourceType } from 'interfaces'; import { ResourceType } from 'interfaces';
import Flag from 'components/common/Flag';
import { SuggestedResult } from '..'; import { SuggestedResult } from '..';
import ResultItem from './ResultItem'; import ResultItem from './ResultItem';
...@@ -60,12 +59,7 @@ class ResultItemList extends React.Component<ResultItemListProps, {}> { ...@@ -60,12 +59,7 @@ class ResultItemList extends React.Component<ResultItemListProps, {}> {
const { resourceType, suggestedResults, title } = this.props; const { resourceType, suggestedResults, title } = this.props;
return ( return (
<> <>
<h3 className="section-title title-3"> <h3 className="section-title title-3">{title}</h3>
{title}
{resourceType === ResourceType.dashboard && (
<Flag text="beta" labelStyle="default" />
)}
</h3>
<ul className="list-group"> <ul className="list-group">
{this.renderResultItems(suggestedResults)} {this.renderResultItems(suggestedResults)}
</ul> </ul>
......
...@@ -4,7 +4,6 @@ import { connect } from 'react-redux'; ...@@ -4,7 +4,6 @@ import { connect } from 'react-redux';
import { logClick } from 'ducks/utilMethods'; import { logClick } from 'ducks/utilMethods';
import { ResourceType } from 'interfaces'; import { ResourceType } from 'interfaces';
import Flag from 'components/common/Flag';
import LoadingSpinner from 'components/common/LoadingSpinner'; import LoadingSpinner from 'components/common/LoadingSpinner';
import { GlobalState } from 'ducks/rootReducer'; import { GlobalState } from 'ducks/rootReducer';
...@@ -60,9 +59,6 @@ export class SearchItem extends React.Component<SearchItemProps, {}> { ...@@ -60,9 +59,6 @@ export class SearchItem extends React.Component<SearchItemProps, {}> {
<div className="title-2 search-item-info"> <div className="title-2 search-item-info">
<div className="search-term">{`${searchTerm}\u00a0`}</div> <div className="search-term">{`${searchTerm}\u00a0`}</div>
<div className="search-item-text">{listItemText}</div> <div className="search-item-text">{listItemText}</div>
{resourceType === ResourceType.dashboard && (
<Flag text="beta" labelStyle="default" />
)}
</div> </div>
{this.renderIndicator()} {this.renderIndicator()}
</a> </a>
......
...@@ -18,8 +18,7 @@ $shimmer-loader-tag-min-width: 50; ...@@ -18,8 +18,7 @@ $shimmer-loader-tag-min-width: 50;
@each $item in $shimmer-loader-items { @each $item in $shimmer-loader-items {
.shimmer-tag-loader-item--#{$item} { .shimmer-tag-loader-item--#{$item} {
width: width: (
(
random($shimmer-loader-tag-max-width - $shimmer-loader-tag-min-width) + random($shimmer-loader-tag-max-width - $shimmer-loader-tag-min-width) +
$shimmer-loader-tag-min-width $shimmer-loader-tag-min-width
) + ) +
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment