ed-roh / fullstack-admin Goto Github PK

Create an aggregate controller for getProducts like the one implemented for getUserPerformance.

The box that includes the profile image, overlaps with the other lists in the sidebar. But for User experience, I was able to make them work independently

Here is the Before

And here is the after.

Here are the changes I made:
I made the Box position sticky rather than absolute so that the other list could flow independently without colliding with the profile box. And added some flex layout on the other boxes

const Sidebar = ({
  user,
  drawerWidth,
  isSidebarOpen,
  setIsSidebarOpen,
  isNonMobile,
}) => {
  // ...

  return (
    <Box component="nav">
      {isSidebarOpen && (
        <Drawer
          // ...
        >
          <Box width="100%" display="flex" flexDirection="column" sx={{ position: "relative" }}>
            {/* ... */}

            <List sx={{ flex: 1, overflowY: "auto" }}>
              {/* ... */}
            </List>

            <Box className="profileImage" sx={{
              position: "sticky",
              bottom: 0,
              zIndex: 1,
              backgroundColor: theme.palette.background.alt,
              mt: "auto",
              py: "1rem",
              borderTop: `1px solid ${theme.palette.secondary[200]}`,
            }}>
              {/* ... */}
            </Box>
          </Box>
        </Drawer>
      )}
    </Box>
  );
};

export default Sidebar;

How to fix error like that, when start server i got that warning

writeErrors: [
{
err: {
index: 0,
code: 11000,
errmsg: "E11000 duplicate key error collection: test.products index: id dup key: { _id: ObjectId('63701d24f03239c72c00018e') }",
errInfo: undefined,
op: {
name: 'Port Beckley',
price: 311.71,
description: 'Revision of Nonaut Sub in Mouth/Throat, Via Opening',

thanks

In the Data-grid pages are not changing #15 i tried changing the version didn't work

Hey,
Just started up the file, added mongo_url to .env, installed all dependencies and while the server works really fast the react app is really slow.

The app took a good couple minutes to load, but I blame create react app for this, but after ten minutes it's still showing all the loading animations for the data.

Any help?

I have successfully set up both the frontend and backend of my project, and everything appears to be functioning correctly. However, I've encountered a specific issue in one component. The error I'm facing is related to the transform attribute of an SVG element. Notably, this error occurs exclusively in dashboard component.

Despite the fact that I haven't employed any animations, I've been diligently searching for the source of the error. I am hopeful that you can assist me in resolving this issue by reviewing the code in Git repository. Your expertise would be greatly appreciated in helping me diagnose and address this problem.
Error: attribute transform: Expected ')', "…418789973288e-15translate(,),0tr…".

In Index.js file appears
const PORT = process.env.PORT || 9000;
mongoose
.connect(process.env.MONGO_URL, {
useNewUrlParser: true,
useUnifiedTopology: true,
})

but those two have been deprecated and when running the server shows a warning

Uncaught runtime errors:
×
ERROR
Cannot read properties of undefined (reading 'map')
TypeError: Cannot read properties of undefined (reading 'map')
at Products (http://localhost:3000/static/js/bundle.js:1509:22)
at renderWithHooks (http://localhost:3000/static/js/bundle.js:99560:22)
at updateFunctionComponent (http://localhost:3000/static/js/bundle.js:102442:24)
at beginWork (http://localhost:3000/static/js/bundle.js:104154:20)
at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:89152:18)
at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:89196:20)
at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:89253:35)
at beginWork$1 (http://localhost:3000/static/js/bundle.js:109127:11)
at performUnitOfWork (http://localhost:3000/static/js/bundle.js:108374:16)
at workLoopSync (http://localhost:3000/static/js/bundle.js:108297:9)

After deploying the on render.com, I noticed that the app crashes when refreshing. I checked the one you deployed as well and it has the same issue. I thought it is because of render's free plan and deployed it to netlify but the issue persisted. I believe the issue is because of routes but I couldn't figure it out. Do you mind taking a look at it? And it is really weird because it only happens after it is deployed - it is fine when ran locally.

on render

on netlify

sir, on my transaction page rows not varying to 25,50,100 & pages not changing.

Add installation and setup instructions in a README so you don't have to watch the whole video to understand how to do this

Yearly sales this year and Yearly Units Sold this year data does not show up.