question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Convert GoToTop, Loader to styled-components

See original GitHub issue

Task Description

Convert GoToTop, Loader component from scss to styled-components.

To Note

Styled-component migration guidelines:

  • Styled-components should be a separate file called Styles.ts
  • When importing styled-components to component file, should use `import * as S from ‘./Styles’.
  • Use semantic naming for styled-components
  • Try to maintain alphabetical order for css properties
  • Avoid creating styled-components for HTML elements that do not require styling
  • Can refer to src/components/Avatar/Styles.ts for examples
  • Please ensure that the existing UI is not affected, then only seek for reviews

Please only work on the issues that you are assigned to, PRs will be ignored if you are not assigned to the task. If the assigned issues have not been worked on for more than 3 days, we will remove the assignment.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
thesanjeevsharmacommented, Oct 14, 2021

@MadhaviG97 Were you able to make some progress with this? If you won’t be doing it, let me know, I’ll re-assign to someone else.

1reaction
mpmadhavigcommented, Oct 15, 2021

@MadhaviG97 Were you able to make some progress with this? If you won’t be doing it, let me know, I’ll re-assign to someone else.

Yeah I am working on it. Extremely sorry for not replying.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooling - styled-components
This plugin adds support for server-side rendering, minification of styles, and a nicer debugging experience. Usage. Install the babel-plugin first: npm install ...
Read more >
Import CSS File to Styled Component - Stack Overflow
One of my dependencies, React Quill Editor, is themeable by importing their CSS as a base and applying changes on top of it....
Read more >
Provide better ESM support for importing styled in node #3601
To fix, you'd have to do: import _styled from 'styled-components'; const styled = ...
Read more >
Moving from SCSS to styled-components: Advantages and ...
Now let's start populating the index.js file. First, import React and styled-components, respectively, into the styles.scss ...
Read more >
How to Use Sass and Styled Components in a React JS ...
Assuming we already have a React js project set up, we can add Styled Components to the project by running npm install styled-components...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found