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

Welcome page #52

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Welcome page #52

wants to merge 9 commits into from

Conversation

jerembdn
Copy link
Member

No description provided.

@jerembdn jerembdn added enhancement New feature or request good first issue Good for newcomers labels Nov 25, 2023
@jerembdn jerembdn requested a review from AntoineKM November 25, 2023 11:30
@jerembdn jerembdn self-assigned this Nov 25, 2023
Copy link
Member

@AntoineKM AntoineKM left a comment

Choose a reason for hiding this comment

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

Overall, i believe it could just be better to have a main app, also used to make the dashboard, with react router dom we could have a /welcome route instead of 10 react apps for a page, so it will reduce the extension build size, also adding pretty animations could improve the ux, and please commit using the following guidelines: https://docs.onruntime.com/contributing/commits

.eslintrc.json Outdated Show resolved Hide resolved
src/pages/Welcome/Welcome.tsx Outdated Show resolved Hide resolved
src/pages/Welcome/Welcome.tsx Show resolved Hide resolved
font-size: 48px;
font-weight: 600;
text-align: center;
color: var(--primary);
Copy link
Member

Choose a reason for hiding this comment

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

it's true that I didn't do it everywhere, but get into the habit of using fallback colors when you use css variables

Copy link
Member Author

Choose a reason for hiding this comment

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

idk how to do it

Copy link
Member

Choose a reason for hiding this comment

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

display: flex;
align-items: center;
justify-content: center;
height: 100vh;
Copy link
Member

Choose a reason for hiding this comment

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

don't use 100vh because we cant scroll if the window height is low

Copy link
Member Author

Choose a reason for hiding this comment

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

ok so i don't know how to do it

src/pages/Popup/index.css Show resolved Hide resolved
src/components/ui/GlobalStyle/custom.ts Outdated Show resolved Hide resolved
src/components/ui/Button/index.tsx Show resolved Hide resolved
@@ -0,0 +1,94 @@
import React from "react";
Copy link
Member

Choose a reason for hiding this comment

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

in this file you just dont respect the sizes indicated on the figma

Copy link
Member Author

Choose a reason for hiding this comment

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

ahbon

@@ -2,6 +2,7 @@ import React from "react";
import { createRoot } from "react-dom/client";

import Popup from "./Popup";
import "./index.css";
Copy link
Member

Choose a reason for hiding this comment

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

remove it

@jerembdn
Copy link
Member Author

ça a vraiment rien à voir avec le dashboard

@AntoineKM
Copy link
Member

yes, it's got nothing to do with the dashboard, but we're not going to make 10 react applications in a single extension, so we might as well combine everything in one application and put the dashboard, welcome and settings in it - the only thing that should be separate is the popup, because we can't do otherwise.

@jerembdn
Copy link
Member Author

It could be added when the dashboard is made

@AntoineKM
Copy link
Member

Or you can do it now so we can start the dashboard

@AntoineKM
Copy link
Member

AntoineKM commented Dec 2, 2023

chrome.runtime.onInstalled.addListener((details) => {
  if (details.reason === 'install') {
    // code...
  }
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants