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

fix: Cal 3939 fix org banner #15504

Closed
wants to merge 0 commits into from

Conversation

Preetam078
Copy link

@Preetam078 Preetam078 commented Jun 20, 2024

What does this PR do?

Fixes #15456
Fixes CAL-3939 (fix org banner)

This PR implemented the new UI for Banner upload in the Organisation profile.

https://www.loom.com/share/ede071daea1b4b2bad062672ded346b2

Since we cannot directly access the organisation profile page thats why have mimic the changes in the Team Profile page, (These are the changes which i build for the Organisation profile). for More clarity please go through the code implementation.

Mandatory Tasks (DO NOT REMOVE)

  • I have self-reviewed the code (A decent size PR without self-review might be rejected)
  • I have added a Docs issue here if this PR makes changes that would require a documentation change
  • I have added or modified automated tests that prove my fix is effective or that my feature works (PRs might be rejected if logical changes are not properly tested)

How should this be tested?

  • There was no as such tests need to run since this the minimal UI change for banner upload.

Copy link

vercel bot commented Jun 20, 2024

Someone is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

@graphite-app graphite-app bot added the community Created by Linear-GitHub Sync label Jun 20, 2024
@graphite-app graphite-app bot requested review from a team June 20, 2024 08:47
Copy link
Contributor

github-actions bot commented Jun 20, 2024

Hey there and thank you for opening this pull request! 👋🏼

We require pull request titles to follow the Conventional Commits specification and it looks like your proposed title needs to be adjusted.

Details:

No release type found in pull request title "fix:Cal 3939 fix org banner". Add a prefix to indicate what kind of release this pull request corresponds to. For reference, see https://www.conventionalcommits.org/

Available types:
 - feat: A new feature
 - fix: A bug fix
 - docs: Documentation only changes
 - style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
 - refactor: A code change that neither fixes a bug nor adds a feature
 - perf: A code change that improves performance
 - test: Adding missing tests or correcting existing tests
 - build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
 - ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
 - chore: Other changes that don't modify src or test files
 - revert: Reverts a previous commit

@dosubot dosubot bot added organizations area: organizations, orgs ui area: UI, frontend, button, form, input labels Jun 20, 2024
Copy link

socket-security bot commented Jun 20, 2024

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/@getalby/[email protected] network +3 23.7 MB reneaaron
npm/@getalby/[email protected] network +9 6.41 MB reneaaron
npm/@langchain/[email protected] Transitive: environment, filesystem, network, shell +42 27.2 MB jacoblee93
npm/@langchain/[email protected] Transitive: environment, filesystem, network +20 24.4 MB jacoblee93
npm/@lexical/[email protected] Transitive: environment +25 8.03 MB acywatson
npm/@playwright/[email protected] None +1 3.07 MB yurys
npm/@t3-oss/[email protected] environment +2 32.4 MB juliusmarminge
npm/@tanstack/[email protected] environment +1 3.05 MB tannerlinsley
npm/@tanstack/[email protected] Transitive: environment +3 8.65 MB tannerlinsley
npm/@testing-library/[email protected] Transitive: environment +9 7.06 MB testing-library-bot
npm/@trpc/[email protected] network 0 238 kB katt
npm/@trpc/[email protected] Transitive: environment, filesystem, network, shell, unsafe +13 1.19 GB katt
npm/@trpc/[email protected] None 0 252 kB katt
npm/@trpc/[email protected] None 0 596 kB katt
npm/@types/[email protected] None +1 360 kB types
npm/@types/[email protected] None +1 2.1 MB types
npm/@types/[email protected] None +1 184 kB types
npm/@webbtc/[email protected] None 0 11.4 kB rolznz
npm/[email protected] environment Transitive: filesystem, shell +9 2.81 MB ai
npm/[email protected] environment Transitive: eval, filesystem, unsafe +64 9.88 MB react-bot
npm/[email protected] filesystem Transitive: environment, eval, unsafe +92 11.8 MB ljharb
npm/[email protected] network Transitive: environment, eval, unsafe +12 15 MB gautamsi
npm/[email protected] environment +5 6.84 MB popmotion
npm/[email protected] None +3 79.8 kB vdemedes
npm/[email protected] None +3 144 kB vdemedes
npm/[email protected] environment, filesystem Transitive: network, unsafe +32 21.3 MB vdemedes
npm/[email protected] Transitive: environment, filesystem, network, shell +69 38.4 MB basproul
npm/[email protected] environment 0 546 kB acywatson
npm/[email protected] Transitive: environment, filesystem, network, shell +29 4.99 MB andris
npm/[email protected] Transitive: environment, filesystem +35 682 kB sindresorhus
npm/[email protected] environment, filesystem, network, shell, unsafe +18 1.11 GB vercel-release-bot
npm/[email protected] Transitive: eval, filesystem +17 3.5 MB kibertoad
npm/[email protected] environment Transitive: filesystem, shell +82 4.05 MB mysticatea
npm/[email protected] environment, filesystem +2 362 kB ai
npm/[email protected] network 0 902 kB bluebill1049
npm/[email protected] Transitive: environment +7 507 kB rtkhanas
npm/[email protected] environment Transitive: filesystem, unsafe +83 17.3 MB react-select-release-bot
npm/[email protected] None 0 17.8 kB danielberndt
npm/[email protected] environment +1 187 kB tannerlinsley
npm/[email protected] environment +2 268 kB skn0tt
npm/[email protected] None +1 12.9 kB sindresorhus
npm/[email protected] network +12 2.25 MB tasn
npm/[email protected] environment, filesystem Transitive: network, shell, unsafe +88 14.2 MB adamwathan
npm/[email protected] environment, filesystem, unsafe +14 1.94 MB blakeembrey
npm/[email protected] None 0 66.8 MB typescript-bot
npm/[email protected] environment 0 14 kB elmassimo
npm/[email protected] environment, eval, filesystem, network, shell, unsafe +25 214 MB vitebot
npm/[email protected] None 0 667 kB colinmcd94
npm/[email protected] environment +4 2.06 MB daishi

🚮 Removed packages: npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/@calcom/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

Copy link

socket-security bot commented Jun 20, 2024

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Alert Package NoteSourceCI
Install scripts npm/[email protected] 🚫
Telemetry npm/[email protected]
  • Note: Can be disabled by setting the environment variable NEXT_TELEMETRY_DISABLED=1 . See https://nextjs.org/telemetry for more information
🚫
Telemetry npm/[email protected]
  • Note: Can be disabled by setting the environment variable NEXT_TELEMETRY_DISABLED=1 . See https://nextjs.org/telemetry for more information
🚫

View full report↗︎

Next steps

What is an install script?

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Packages should not be running non-essential scripts during install and there are often solutions to problems people solve with install scripts that can be run at publish time instead.

What is telemetry?

This package contains telemetry which tracks how it is used.

Most telemetry comes with settings to disable it. Consider disabling telemetry if you do not want to be tracked.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

Copy link

graphite-app bot commented Jun 20, 2024

Graphite Automations

"Add community label" took an action on this PR • (06/20/24)

1 label was added to this PR based on Keith Williams's automation.

"Add foundation team as reviewer" took an action on this PR • (06/20/24)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add consumer team as reviewer" took an action on this PR • (06/20/24)

1 reviewer was added to this PR based on Keith Williams's automation.

@dosubot dosubot bot added this to the Community Only milestone Jun 20, 2024
@Preetam078 Preetam078 changed the title Cal 3939 fix org banner fix:Cal 3939 fix org banner Jun 20, 2024
@Preetam078 Preetam078 changed the title fix:Cal 3939 fix org banner fix: Cal 3939 fix org banner Jun 20, 2024
@github-actions github-actions bot added Low priority Created by Linear-GitHub Sync ⚡ Quick Wins A collection of quick wins/quick fixes that are less than 30 minutes of work 🙋🏻‍♂️help wanted Help from the community is appreciated labels Jun 20, 2024
Copy link
Contributor

@joeauyeung joeauyeung left a comment

Choose a reason for hiding this comment

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

Great work so far @Preetam078. I would love to see some more even spacing when a banner isn't uploaded. It would also be great to see a placeholder banner when there isn't a banner set.

CleanShot 2024-06-21 at 13 17 53@2x

Copy link
Contributor

Choose a reason for hiding this comment

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

If we're passing isBannerAvatar we should create a new BannerAvatar component. Thoughts @sean-brydon?

Copy link
Author

Choose a reason for hiding this comment

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

hii @joeauyeung is there any suggestions from your side which I can use as the placeholder may be like a Fallback image or a simple html container to control the CLS (content load shifting) in case there is no banner image is uploaded, Thoughts @sean-brydon ? also let me know if there is a separate component required for BannerAvatar.

Copy link
Member

Choose a reason for hiding this comment

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

Yeah i'd suggest these being seperate components i think. They're pretty different from one another

Copy link
Author

Choose a reason for hiding this comment

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

@sean-brydon what about the placeholder, if in case there is no banner uploaded ?

Copy link
Author

Choose a reason for hiding this comment

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

hey @joeauyeung, @sean-brydon I have created a separate component for BannerAvatar in my local machine. Just wanted to know if their is any suggestion you guys have for placeholder for banner before PR update ?

Copy link
Contributor

Choose a reason for hiding this comment

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

If you could find an image similar to this as the placeholder I think that would be great. It should have the same dimensions as the banner.
image

@Ryukemeister
Copy link
Contributor

Ryukemeister commented Jun 23, 2024

@Preetam078 it looks like you've pushed the changes for the yarn.lock file. We generally update the yarn.lock while updating or deleting packages and it doesn't seem like we're doing that here, can you revert the changes made to the yarn.lock file?

@Preetam078 Preetam078 closed this Jun 28, 2024
@dosubot dosubot bot modified the milestone: Community Only Jun 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
community Created by Linear-GitHub Sync 🙋🏻‍♂️help wanted Help from the community is appreciated Low priority Created by Linear-GitHub Sync organizations area: organizations, orgs ⚡ Quick Wins A collection of quick wins/quick fixes that are less than 30 minutes of work ui area: UI, frontend, button, form, input
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[CAL-3939] fix org banner
4 participants