doubtfire-lms / doubtfire-web

Angular web application for the Doubtfire front-end

GNU Affero General Public License v3.0

45 stars 332 forks source link

refactor: replace fx-layout with tailwind equivalent - user-badge #774

Closed satikaj closed 9 months ago

satikaj commented 9 months ago

Description

Replaced the fx-layout usage in the user-badge component with the Tailwind equivalent due to the deprecation of the fx-layout library.

Type of change

[ ] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] This change requires a documentation update

How Has This Been Tested?

Run the doubtfire-deploy dev container to start the front-end and back-end.
Login with the test tutor account (atutor).
Click on a unit they teach.
Click on the dropdown arrow beside the Search Inbox and select All Students in the Students dropdown.
Click on a student.
The user badge would be on the bottom left of the footer showing the student's profile icon, name, and task name.

Before

before-badge

After

after-badge

Testing Checklist:

[x] Tested in latest Chrome
[x] Tested in latest Safari
[x] Tested in latest Firefox

Checklist:

[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[ ] I have commented my code in hard-to-understand areas
[ ] I have made corresponding changes to the documentation
[x] My changes generate no new warnings

maddernd commented 9 months ago

This one has been tested by multiple students and myself and looks to be correct @jakerenzella