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

Feature/future header #78

Merged
merged 22 commits into from Mar 28, 2019
Merged

Feature/future header #78

merged 22 commits into from Mar 28, 2019

Conversation

lbebber
Copy link
Contributor

@lbebber lbebber commented Mar 27, 2019

What is the purpose of this pull request?

First, unstable implementation of the new composable header

Also adds stubs for some components which will be further developed in the future.

Also adds support for the unstable--menu block on the now legacy header.

What problem is this solving?

How should this be manually tested?

Screenshots or example usage

Types of changes

  • Bug fix (a non-breaking change which fixes an issue)
  • New feature (a non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Requires change to documentation, which has been updated accordingly.

react/legacy/index.js Outdated Show resolved Hide resolved
Copy link
Contributor

@jgfidelis jgfidelis left a comment

Choose a reason for hiding this comment

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

LGTM, awesome work

@@ -0,0 +1,140 @@
import React, { Fragment, useEffect, useState } from 'react'
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This file was mostly just moved from react to react/legacy, please refrain from delving too deeply into it for this PR

Copy link
Member

@matheusps matheusps left a comment

Choose a reason for hiding this comment

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

Great job 🚀


return (
<div
className={`w-100 top-0 ${sticky ? 'z-999' : '' } ${inverted ? 'bg-base--inverted c-on-base--inverted' : 'bg-base c-on-base'}`}
Copy link
Member

Choose a reason for hiding this comment

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

You could use classNames here

react/index.js Outdated Show resolved Hide resolved
@lbebber lbebber merged commit 999ec23 into master Mar 28, 2019
@lbebber lbebber deleted the feature/future-header branch March 28, 2019 20:13
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

5 participants