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

chore: updated profile page layout #1913

Merged
merged 3 commits into from
Aug 11, 2023
Merged

Conversation

hdJerry
Copy link
Contributor

@hdJerry hdJerry commented Aug 11, 2023

Create profile page layout

Background

As a user, I can navigate to my profile page and see my profile information, as well as a list of all my repositories. I can also see options to search my repositories, sort them, and filter them. (Functionality does not need to work yet for these options, they just need to be visible.)

Acceptance

  • 2 column layout
  • sub-header spanning both columns, showing book icon and repositories title - should be sticky on scroll
  • Left side
    • user profile card
  • Right side -
    • search / filter / sort component
    • card for all user repositories

Notes

Screenshot 2023-08-11 at 14 52 15

@hdJerry hdJerry self-assigned this Aug 11, 2023
@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for angular-apollo-tailwind canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/angular-apollo-tailwind/deploys/64d65f69bd8fc0000800e3a7

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for cra-rxjs-styled-components ready!

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/cra-rxjs-styled-components/deploys/64d65f69c81f2b000804f3c9
😎 Deploy Preview https://deploy-preview-1913--cra-rxjs-styled-components.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for next-react-query-tailwind canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/next-react-query-tailwind/deploys/64d65f695323760008209210

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for vue3-apollo-quasar canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/vue3-apollo-quasar/deploys/64d65f699bb2db00082c27e9

@hdJerry hdJerry linked an issue Aug 11, 2023 that may be closed by this pull request
7 tasks
@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for starter-dev-backend canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/starter-dev-backend/deploys/64d65f6914d22f0008465710

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for solidjs-tailwind canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/solidjs-tailwind/deploys/64d65f6991fd770008cd5ac3

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for svelte-kit-scss canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/svelte-kit-scss/deploys/64d65f69c72045000830faf2

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for angular-ngrx-scss canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/angular-ngrx-scss/deploys/64d65f69e30f9d00083844e2

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for remix-gql-tailwind canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/remix-gql-tailwind/deploys/64d65f69ebdeff0008049716

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for qwik-graphql-tailwind canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/qwik-graphql-tailwind/deploys/64d65f69cdbcb00008bc4908

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for nuxt-pinia-tailwind canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/nuxt-pinia-tailwind/deploys/64d65f692e90a7000833e41e

@netlify
Copy link

netlify bot commented Aug 11, 2023

👷 Deploy Preview for solidstart-tanstackquery-tailwind-mod processing.

Name Link
🔨 Latest commit 3cb49d4
🔍 Latest deploy log https://app.netlify.com/sites/solidstart-tanstackquery-tailwind-mod/deploys/64d63e619bea7a0007cf67e7

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for solidstart-tanstackquery-tailwind-mod canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/solidstart-tanstackquery-tailwind-mod/deploys/64d65f6916bdf80008f6df84

@netlify
Copy link

netlify bot commented Aug 11, 2023

Deploy Preview for expo-zustand-styled-components canceled.

Name Link
🔨 Latest commit c9a05fd
🔍 Latest deploy log https://app.netlify.com/sites/expo-zustand-styled-components/deploys/64d65f6914d22f0008465715

`;

export const SearchTextInput = styled.input`
// width: 100%;
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

color: ${colors.gray500};
border: 1px solid ${colors.gray300};
flex: 1;
// flex-shrink: 1;
Copy link
Contributor

Choose a reason for hiding this comment

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

also this one

border-radius: 8px;
flex-direction: row;
align-items: center;
// flex-grow: 1;
Copy link
Contributor

Choose a reason for hiding this comment

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

also this one

@sonarcloud
Copy link

sonarcloud bot commented Aug 11, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 6 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@hdJerry hdJerry merged commit 1ceeb00 into main Aug 11, 2023
59 checks passed
@hdJerry hdJerry deleted the cra-rxjs-profile-page-layout-update branch August 11, 2023 16:25
@thisdot-bot
Copy link

Hi @hdJerry. 👋

Your PR has been approved and merged. 🎉

Thank you for your continued contributions to the starter.dev GitHub showcases repo. ❤️

Keep up the great work!

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.

[cra-rxjs-sc] Create profile page layout
3 participants