Skip to content

Conversation

@shivani170
Copy link
Contributor

@shivani170 shivani170 commented Aug 22, 2022

Description

New UI feature added for new users with super admin access with 0 apps.

Base Devtron: Helm apps list
With CI/CD: Devtron apps list

Fixes devtron-labs/devtron#2213 devtron-labs/devtron#2228 devtron-labs/devtron#1972

https://docs.google.com/document/d/16PbZ0s_x9h3tt5jUzVoeRFSagdnBUfH_7CX8QBbEx7Y/edit

https://www.figma.com/file/mg4GcV3QQHU2NNv1SWr2va/Onboarding?node-id=636%3A696

Motivation

Increase product adoption among open-source users.

Proposal

Screenshot 2022-07-07 at 9 26 12 AM

Screenshot 2022-07-07 at 9 27 45 AM

Screenshot 2022-07-07 at 9 28 12 AM

-b3f8-c2a46bb96d1a.png">

Fixes devtron-labs/devtron#1972

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

Tested out manually

@shivani170 shivani170 self-assigned this Aug 22, 2022
return get(Routes.DASHBOARD_LOGGEDIN);
}

export interface LoginCountType extends ResponseType {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please move these to types

}

export function updateLoginCount(payload): Promise<ResponseType> {
return post('attributes/user/update', payload)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add routes in constants

to={`${match.path}/${URLS.GUIDE}`}
className="no-decor fw-6 cursor cn-9"
activeClassName="active"
onClick={() => redirectToDeployGuide(`/${URLS.GUIDE}`)}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please avoid inline functions

href={DOCUMENTATION.PREVIEW_DEVTRON}
rel="noreferrer noopener"
target="_blank"
onClick={() => OnClickedHandler(POSTHOG_EVENT_ONBOARDING.PREVIEW)}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here

}

export function getUserRole(): Promise<UserRole> {
return get(Routes.USER_CHECK_ROLE);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The same service function is present in userGroup.service.ts. Please use it.

.deploy-manage__body{
height: calc(100vh - 300px);
.deploy-card:hover{
box-shadow: 0 8px 12px 0 rgba(30, 35, 96, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here

}

.deploy__title{
position: absolute;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggestion: Try using pre-defined CSS classes wherever possible.

} from './userGroup.service'
import { get } from '../../services/api'
import { getEnvironmentListMin, getProjectFilteredApps } from '../../services/service'
import { getEnvironmentListMin, getProjectFilteredApps, getUserRole } from '../../services/service'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Revert this change.

GLOBAL_CONFIG_GIT_ACCESS_LINK: `${DOCUMENTATION_HOME_PAGE}/v/v0.5/getting-started/global-configurations/gitops#4.-git-access-credential`,
DEVTRON_UPGRADE: `${DOCUMENTATION_HOME_PAGE}/v/v0.5/getting-started/upgrade`
DEVTRON_UPGRADE: `${DOCUMENTATION_HOME_PAGE}/v/v0.5/getting-started/upgrade`,
PREVIEW_DEVTRON: 'https://preview.devtron.ai/dashboard',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

move this

line-height: 20px;
}

.lh-22{
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add prefix - dc__

}

export function updatePostHogEvent(payload): Promise<PostHog> {
return post(`${Routes.TELEMETRY_EVENT}`, payload)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Simply say - Routes.TELEMETRY_EVENT

export function updateLoginCount(payload): Promise<LoginCountType> {
return post(`${Routes.ATTRIBUTES_USER}/${Routes.UPDATE}`, payload)
}
interface PostHog extends ResponseType {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

rename to PostHogEventResponse


export const handlePostHogEventUpdate = (e, eventName?: string): void => {
const payload = {
eventType: eventName || e.target.dataset.posthog,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we have an optional check on e.target?

}

useEffect(() => {
setExpiryDate(+localStorage.getItem('clickedOkay'))
Copy link
Contributor

@sohel-rp sohel-rp Sep 5, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As discussed, handle undefined scenario

@vivek-devtron vivek-devtron merged commit 3918ad7 into main Sep 6, 2022
@vivek-devtron vivek-devtron deleted the guided-onboarding branch September 6, 2022 07:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Guided Onboarding: tippy handling & Listing page Guided Onboarding

4 participants