Statistic page is affected by MUI v5 or permissions plugin?

[ahmm16]

Hi all! I'm having problems with the latest versions of the plugin. This problem is related with styles and some pages like Statistics, profile,

When I want to go to these pages I receive this error:

TypeError
stats.summary is undefined.

Regarding with styles, I dont know why I dont see the same or almost the same styles like in the documentation (left menu).

[drodil]

Hi,

Do you run the same version of the backend and the frontend? The stats issue was in some older backend version so just want to know if it has reproduced.

Styling issue is different and it's related to MUI5 update. Are you using custom theme? It looks totally different from the dev environment, all the tiles and icons look misplaced.

[ahmm16]

Opening: http://localhost:3000/qeta/statistics
Results:
http://localhost:7007/api/qeta/statistics/global 500 Internal Server Error

{
"error": {
"name": "TypeError",
"message": "g.date.toDateString is not a function",
"stack": "TypeError: g.date.toDateString is not a function\n at (/workspace/.../node_modules/@drodil/backstage-plugin-qeta-backend/src/service/routes/statistics.ts:66:18)\n at Array.map ()\n at (/workspace/.../node_modules/@drodil/backstage-plugin-qeta-backend/src/service/routes/statistics.ts:65:36)"
},
"request": {
"method": "GET",
"url": "/statistics/global"
},
"response": {
"statusCode": 500
}
}

These 3 dots here: /workspace/.../node_modules/ is just to avoid share organizational data (my boss can kill me xD hahaha)

[drodil]

Ok, are you running this on postgres or sqlite?

[ahmm16]

sqlite

Also, trying to update libraries and Im receiving this:

Module not found: Can't resolve '@mui/icons-material/Flare' in '/workspace/eric-csdp-portal/node_modules/@drodil/backstage-plugin-qeta/node_modules/@drodil/backstage-plugin-qeta-react/dist/components/AIAnswerCard'
node_modules/@drodil/backstage-plugin-qeta/node_modules/@drodil/backstage-plugin-qeta-react/dist/components/AIAnswerCard/AIAnswerCard.esm.js

[drodil]

Ah, must be because of knex is not returning date object for the field for sqlite. No idea why it cannot find the flare icon, it's supported in MUI (https://fonts.google.com/icons?icon.set=Material+Icons&icon.query=flare)

[drodil]

Flare icon is also supported in MUI4 so it should be fine, can you check your node_modules if the flare is available there?

[ahmm16]

Lets remove node_modules and yarn install again to see it can be solved. Regarding with sqlite things is strange because previous versions worked fine =/

[ahmm16]

Good news man! Statistics and profile pages are working properly!

[ahmm16]

Now I only have problems related with styles of the left menu:

[drodil]

Yeah, I noticed the same issue and had to override the MuiButtonBase in the custom theme. But that doesn't fix everything; for example the Grid items are without padding etc.

It's starting to feel more and more that I should rollback the MUI5 update... Though it's a lot of work to revert everything..

[ahmm16]

I can imagine that, I would actually love to help you but I am still learning a lot of things about Backstage and in our project we still have many open fronts =/. Let me know if you do the downgrade it will be very helpful for us!

And thank you so so much!

[drodil]

@ahmm16 I will check this a bit more next week and if no solution is found, I think rollback is the only option to be able to continue feature development.

I probably try what happens if I add minimal custom theme to plain backstage instance and create an issue to the project if it really breaks. Have to read also some backstage code to understand more how themes work internally in the system. It does some internal magic to support both MUI4 and 5..

[drodil]

See also #244

[drodil]

Decided to roll back to MUI4. Details in #244

[ahmm16]

What a great change @drodil . Thank you so so much!!!