Poll component #838

Tamir198 · 2024-06-05T18:59:51Z

Added a poll component (currently without backend).

This is what it looks like :

Also I added story book documentation for them both.

Example usage:

Questions:

  <PollContainer
      title="What Programming language do you use"
      votes="57 votes"
      daysLeft="4 days left"
    >
      <PollQuestions questions={["JavaScript", "Python", "Ruby"]} />
  </PollContainer>

Answers:

<PollContainer
    title="What Programming language do you use"
    votes="57 votes"
    daysLeft="4 days left"
>
    <PollAnswers
        answers={[
            { percentage: 50, title: "JavaScript", isCorrectAnswer: true },
            { percentage: 30, title: "Python", isCorrectAnswer: false },
            { percentage: 20, title: "Ruby", isCorrectAnswer: false },
        ]}
    />
</PollContainer>

(th3cyb3rhub#446)

* fixed th3cyb3rhub#451 * Update package-lock.json Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com> * Update package.json * fix: package.json --------- Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

* fix: icons over flow in footer * fix icon over flow in footer

…b#457) * fix: Message icon is in middle in mobile version issue - th3cyb3rhub#443 * feat: Settings Edit Main Profile Page - issue th3cyb3rhub#448

* You can now create note, delete note * styling added improvements to be done --------- Co-authored-by: Kabewh <daniele_viola@yahoo.com>

* Add Loading Spinner For Components In Explore Route - What: Add spinner when the 'Users', 'Blogs', 'CFT' components are loading - Why: Better user experience - How: Check the loading state property of each data and act accordingly * Add Data Not Found message -What: Notify users by message that an object data is not found of components in Explore Route -How: Make NotFound component get title and description by props -Why: Better User experience

* fix: upgrade react-router from 6.4.2 to 6.15.0 (th3cyb3rhub#456) Snyk has created this PR to upgrade react-router from 6.4.2 to 6.15.0. See this package in npm: https://www.npmjs.com/package/react-router See this project in Snyk: https://app.snyk.io/org/kabir0x23/project/3518e29a-eaff-41d1-8ccf-a14e65eabf3c?utm_source=github&utm_medium=referral&page=upgrade-pr Co-authored-by: snyk-bot <snyk-bot@snyk.io> * fix: upgrade react-router-dom from 6.4.2 to 6.16.0 (th3cyb3rhub#465) Snyk has created this PR to upgrade react-router-dom from 6.4.2 to 6.16.0. See this package in npm: https://www.npmjs.com/package/react-router-dom See this project in Snyk: https://app.snyk.io/org/kabir0x23/project/3518e29a-eaff-41d1-8ccf-a14e65eabf3c?utm_source=github&utm_medium=referral&page=upgrade-pr Co-authored-by: snyk-bot <snyk-bot@snyk.io> * fix: minor issues --------- Co-authored-by: snyk-bot <snyk-bot@snyk.io>

…3cyb3rhub#481) * feature: sidenav bar redesign * feat: user data --------- Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

* added feature to share on socials * fix: minor issues --------- Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

* ui fixed with first leaderboard user to be highlighted

What: fix scrollable background when menu is open on mobile display How: add overflow hidden when menu is open so the bg will not be Scrollable Why: better user experience

* feat: chatbot * feat: chatbot

* Feature/Add Show Password Option th3cyb3rhub#779 * Eye Color fix * fix state and first click

* Basic working example * Adding common props into CodeContainer * Change decoder into the format of the copy component

…#821)

* Refactor css styles into styled modules * Extract all components to separate file

…h3cyb3rhub#829)

* feat: change modal structure why: to close it in better way with overlay how: use portal * feat: add delete comment functionality who: dispatch with correct method and url * fix: width of profile image in feeds * feat: adding main feed edit option why: so users could edit feed how: changing the ModifyFeed component * refactor: combine feedsSlice and feedsServer with feedComments * fix: icons problem * fix: make small modifications * feat: modify the rtk to connect to new data structure of feeds, add edit option what: the data structure of feeds changed so modify rtk to fit , change the edit option , and make it work also for comments how: change rtk, made modifications why: to fit new data structure, to make edit work * fix: fix delete functionality * fix: minor issues

* draft PR for draggable notes and categories * reducers for notes added * motion and reorder working locally * fix: key warning * update note id working * changed button name * slice created for updating notes on component unmount * some comments are removed * Update package.json * Update package-lock.json --------- Co-authored-by: ArkadiK94 <arkadi29081994@gmail.com> Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

* Refactor css styles into styled modules * Extract all components to separate file * Fix broken link

…#827) * Refactor css styles into styled modules * Extract all components to separate file * add dependencies * Small change * Add Date Display stories * Add duration display story * MultipleSelect story * Search story * Add side bar * Change folder name * Remove default examples * Removed default assets * remove example files * remove example files * File name * Pr changes * Removed non relevant story

* Refactor css styles into styled modules * Extract all components to separate file * remove unnecessary packages

* Refactor css styles into styled modules * Extract all components to separate file * Fix select label wrong color * chore: change label text --------- Co-authored-by: ArkadiK94 <arkadi29081994@gmail.com>

github-actions

It's great having you contribute to this project

🌟 Welcome to the community 🌟

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community.
You should join our Discord chat and our GitHub Organisation.
We help and encourage each other to contribute to open source little and often 😄.
Any questions let us know.

Conventional Changelog Action and others added 30 commits September 5, 2023 08:06

chore(release): v0.53.9 [skip ci]

278e57f

fix: minor issues (th3cyb3rhub#435)

39c0631

chore(release): v0.53.10 [skip ci]

be96815

fix: TheCyberHUB name

8525677

chore(release): v0.53.11 [skip ci]

ff6e171

Update README.md

63c548a

fix: social container & links

2663bfd

Merge branch 'main' of https://github.com/thecyberworld/thecyberhub.org

d45c449

chore(release): v0.53.12 [skip ci]

4ed0fbf

fix: Spelling Mistake (th3cyb3rhub#444)

0055904

chore(release): v0.53.13 [skip ci]

33f8273

fix: Message icon is in middle in mobile version issue - th3cyb3rhub#443

eb8ddab

(th3cyb3rhub#446)

chore(release): v0.53.14 [skip ci]

ff6ec02

fixed th3cyb3rhub#451 (th3cyb3rhub#454)

198a7a3

* fixed th3cyb3rhub#451 * Update package-lock.json Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com> * Update package.json * fix: package.json --------- Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

fix: icons over flow in footer (th3cyb3rhub#460)

392ade7

* fix: icons over flow in footer * fix icon over flow in footer

[FEATURE] Settings Edit Main Profile Page th3cyb3rhub#448 (th3cyb3rhu…

3e6e73a

…b#457) * fix: Message icon is in middle in mobile version issue - th3cyb3rhub#443 * feat: Settings Edit Main Profile Page - issue th3cyb3rhub#448

Created note taking functionality in dashboard (th3cyb3rhub#463)

d0347c6

* You can now create note, delete note * styling added improvements to be done --------- Co-authored-by: Kabewh <daniele_viola@yahoo.com>

fix: ReadMe.md (th3cyb3rhub#484)

0391bf7

fix: ReadMe.md

ffd8f7d

Update README.md

f61e2db

feat: Improve Dashbaord SideNavBar Design, Closes th3cyb3rhub#472 (th…

5c1a14d

…3cyb3rhub#481) * feature: sidenav bar redesign * feat: user data --------- Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

feat: option to share certificate on socials. (th3cyb3rhub#479)

781049e

* added feature to share on socials * fix: minor issues --------- Co-authored-by: Kabir <44284877+kabir0x23@users.noreply.github.com>

feat: Leaderboard design Improvement (th3cyb3rhub#470)

e705eb1

* ui fixed with first leaderboard user to be highlighted

fix: When Menu Is Open Fix Scrollable Background (th3cyb3rhub#488)

356a511

What: fix scrollable background when menu is open on mobile display How: add overflow hidden when menu is open so the bg will not be Scrollable Why: better user experience

feat: chatbot (th3cyb3rhub#489)

d0dce0a

fix: Chatbot (th3cyb3rhub#490)

90c5058

* feat: chatbot * feat: chatbot

fix: chatbot comments

8e7658a

fix: chatbot comments

ac14381

Prathamesh-Kothalkar and others added 24 commits May 25, 2024 15:59

feat: Show Password Option th3cyb3rhub#779 (th3cyb3rhub#817)

031b6ae

* Feature/Add Show Password Option th3cyb3rhub#779 * Eye Color fix * fix state and first click

feat: copy button to encoded + decoded fields (th3cyb3rhub#819)

66b2ce0

* Basic working example * Adding common props into CodeContainer * Change decoder into the format of the copy component

feat: add floating like comment and share button in blog (th3cyb3rhub…

3ccdb48

…#821)

feat/ench/bug fxies (th3cyb3rhub#822)

c36bd58

Refactor css styles into styled modules

56c4c2a

Extract all components to separate file

889129d

fix: Using code container in decode fields as well (th3cyb3rhub#823)

8e2bb32

refactor: display.css into styled componenets (th3cyb3rhub#824)

96972da

* Refactor css styles into styled modules * Extract all components to separate file

Merge branch 'thecyberworld:dev' into dev

3db0cf7

Fixed styling issue causing cursor position error in Notes section (t…

388519a

…h3cyb3rhub#829)

Merge branch 'thecyberworld:dev' into dev

8adee8c

Wrong Facebook community social link (th3cyb3rhub#830)

f304709

* Refactor css styles into styled modules * Extract all components to separate file * Fix broken link

Merge branch 'thecyberworld:dev' into dev

e8b5bf3

style: fix bg color which was accidentally removed (th3cyb3rhub#835)

f1b87e8

Merge branch 'thecyberworld:dev' into dev

1c8e608

pollContainer

f4e3312

fix: Remove unnecessary packages (th3cyb3rhub#836)

76cd9a3

* Refactor css styles into styled modules * Extract all components to separate file * remove unnecessary packages

Add Poll Answers

df51b44

Small css change

261e4c4

fix: multiple select label color (th3cyb3rhub#832)

3ced7cf

* Refactor css styles into styled modules * Extract all components to separate file * Fix select label wrong color * chore: change label text --------- Co-authored-by: ArkadiK94 <arkadi29081994@gmail.com>

Add storybook for poll components

63ead48

github-actions bot reviewed Jun 5, 2024

View reviewed changes

Tamir198 added 3 commits June 5, 2024 22:19

Merge branch 'thecyberworld:dev' into dev

ecdb28a

Merge branch 'dev' into poll-component

5552de3

name changing

5a3aa16

Tamir198 changed the base branch from dev to gh-pages June 5, 2024 19:45

Tamir198 closed this Jun 5, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Poll component #838

Poll component #838

Tamir198 commented Jun 5, 2024 •

edited

Loading

github-actions bot left a comment

Poll component #838

Poll component #838

Conversation

Tamir198 commented Jun 5, 2024 • edited Loading

Questions:

Answers:

github-actions bot left a comment

Choose a reason for hiding this comment

It's great having you contribute to this project

🌟 Welcome to the community 🌟

Tamir198 commented Jun 5, 2024 •

edited

Loading