Coder Social home page Coder Social logo

directory-fe's People

Contributors

bryan-robitaille avatar dependabot[bot] avatar ethanwallace avatar lucbelliveau avatar mbujold avatar phanoix avatar piet0024 avatar sabrinatbs avatar steph4104 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

directory-fe's Issues

extend token life

Look at extending the token life on logged in session to try and address some of the issues that came up in testing around not being authenticated

lets say a day token life

Reduce config hard-coding

Do something about all the hard-coded endpoints, config, etc. This doesn't seem to be a solved problem in React so it will likely require testing various approaches.

Edit empty team create error

I create a team without info, it create a Default team. I want to edit this default team, I get this error:

image

Get the same error when I try to edit the default team

Some elements display wrong language on page load

When loading page in French, some elements will load in English and will only switch after hitting the toggle language again. These elements include CTA cards on homepage, Profile header on profile page and approval status messages on profile pages.

Onboarding - Change text and styles

When viewing the onboarding pages, the text uses GCprofile as the app name in various places instead of Directory.

Button styles don't follow the standard and the step counter has a completed class we can add to show progress.

Search - Mobile view layout

Create a better mobile layout of the search page.

Changing the filter section into a dropdown.
Changing the layout of the profile list into a "card style"
image.png

onboarding - skip steps

Lets add context to the fields in the profile on boarding so that the button say skip if not filled out or next if info is filled out. Just so that it is more obvious to users that they do not have to fill out all the fields.

save and next? to make clear that it will save data.

Crop and edit avatar

add the ability to crop and edit an image to use as an avatar. Instigate react components that may already do this

Error with Orgchart (I think) when loading profile

I visit my profile (/p/22) and I sometimes I receive this error:
error_i_got

refreshing the page has a chance to avoid this error, not quite sure how to consistently replicate.

EDIT

on a page refresh I encountered this error:
error_i_got2

Error teamtest translation

In team tabs, under team, the team name is only in english.
If you look at the code: line 356 in GQLTeamCard.js it only take the english name.

Also, Global team in french should be Équipe globale not Équipe global (missing e)

image

Error on OrgChart click

Currently when I visit Bryan's profile (/p/28/) and click the orgchart tab I receive this error:
error_bryans_orgchart

NOTE: I'm on the home-page branch right now, so this may be addressed in another branch.

language toggle issue

hitting the language toggle on profile causes a number of issues and slowdowns. Find the issue and fix it

Search - pagination and filters

If user is on X page number and use the filter that reduce the number of page lower than X, user will have an empty result.

Should also fix the showing phrase on the top right
image.png

filter drop down for org

The org box looks like a free test box and so people may not realize something must be selected from the list. Lets modify this component in some way that makes it obvious they have to select from the list

New favicon

Remove default react favicon and put our own in its place
go with maple-leaf for now

Update README

Update the readme with installation instructions through Docker, Explain eco system, how app works etc.

Error with closing modal

Usually, we have 3 way to close a modal. By clicking on the cancel button, clicking on the X button and clicking on an empty space.

Here some issue I found in different modal:

  • The create team modal do not have an X on the top right corner

  • The create team modal don't close when clicking on an empty space

  • Add team member modal don't close when clicking on empty space

  • Move team member supervisor don't close when clicking on empty space

  • Edit team modal do not have an X on the top right corner

  • Edit team member don't close when clicking on empty space

  • Delete team don't close when clicking on empty space

  • Move team member to another team don't close when clicking on empty space

Translation missing + padding changes:

When transferring an entire team to a new supervisor there are two issues:

padding around names doesn't seem right (both EN and FR)

missing translation in FR

confirm transfer team_fr

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.