Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Information message if user clicks Try the Tgrade App (Desktop only) using "Mobile" devices #510

Merged
merged 5 commits into from
Mar 24, 2022

Conversation

Ebazhanov
Copy link
Contributor

@Ebazhanov Ebazhanov commented Mar 23, 2022

This PR about adding warning message for the moment when user trying to start using 'Tgrade App' on mobile devices
(fyi we are waiting for design based on this ticket https://github.com/confio/design/issues/52)

Test scenarios when user click 'Try the Tgrade App (Desktop only)' button:

  • for any Mobile devices should shown Warning message
  • for any Tablets devices should shown Warning message
  • Warning message supports mobile devices with browser Chrome, Safari, and etc
screencast.2022-03-23.14-56-00.mp4

@Ebazhanov Ebazhanov changed the title Draft "Mobile view" Show warning message if user click Try the Tgrade App (Desktop only) using "Mobile" devices Mar 23, 2022
@Ebazhanov Ebazhanov linked an issue Mar 23, 2022 that may be closed by this pull request
@Ebazhanov Ebazhanov marked this pull request as ready for review March 23, 2022 15:11
@Ebazhanov Ebazhanov changed the title Show warning message if user click Try the Tgrade App (Desktop only) using "Mobile" devices Warning message if user clicks Try the Tgrade App (Desktop only) using "Mobile" devices Mar 23, 2022
@@ -21,57 +23,71 @@ const Engagement = lazy(() => import("./pages/Engagement"));
const OcHome = lazy(() => import("./pages/OcHome"));
const TMarketHome = lazy(() => import("App/pages/TMarket"));

export const WarningMessage = styled.h1`
Copy link
Contributor

Choose a reason for hiding this comment

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

Nice! but please move this to components as a component and then import it

Copy link
Contributor Author

Choose a reason for hiding this comment

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

thanks, done bd9b710
please let me know if I have to use different name for folder like 'TextAlert' or ...

Copy link
Contributor

Choose a reason for hiding this comment

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

Well technically it is a informationMessage now when you ask

@@ -0,0 +1,10 @@
import styled from "styled-components";

/**
Copy link
Contributor

Choose a reason for hiding this comment

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

Please remove this comment

Copy link
Contributor Author

@Ebazhanov Ebazhanov Mar 23, 2022

Choose a reason for hiding this comment

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

done, thx
3823aee

@Ebazhanov Ebazhanov changed the title Warning message if user clicks Try the Tgrade App (Desktop only) using "Mobile" devices Information message if user clicks Try the Tgrade App (Desktop only) using "Mobile" devices Mar 23, 2022
Copy link
Contributor

@HannuProd HannuProd left a comment

Choose a reason for hiding this comment

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

Looks good!

@Ebazhanov Ebazhanov merged commit 45ee200 into main Mar 24, 2022
@Ebazhanov Ebazhanov deleted the mobile-view branch March 24, 2022 08:07
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.

None yet

2 participants