Coder Social home page Coder Social logo

redpangilinan / iotawise Goto Github PK

View Code? Open in Web Editor NEW
201.0 2.0 21.0 1.31 MB

Track your daily habits, activity streaks, and progress with little effort.

Home Page: https://iotawise.rdev.pro

License: MIT License

TypeScript 96.93% CSS 0.77% JavaScript 2.30%
habit-tracking next-appdir nextauth prisma shadcn-ui tailwindcss typescript next-app-router nextjs nextjs14 react next14 next-14

iotawise's Issues

Timezone (?) Issue on Selecting Date Range

Hey! I noticed there is a timezone issue when creating Activity Logs. When creating a log, it is automatically adding the user's Timezone (I am in EST, GMT-5)

Screenshot 2023-12-13 at 7 50 34 PM

This creates an issue when the user selects a date range. When selected, the range does not include a timezone so the logs on the last day of the range are not included in subsequent results. When manually updating the "to" date in the URL to include a time later than the timezone offset, the user will see the correct results.

Screen.Recording.2023-12-13.at.6.47.09.PM.mov

LogsDeleteButton causes the dashboard to fail to load due to incorrect date format

There is a function formatDate

function formatDate(e) {
    let t = new Date(e);
    return Intl.DateTimeFormat("en-US", {
        month: "short",
        day: "numeric",
        year: "numeric"
    }).format(t)
}

that was given amongst many correct dates an e = "16/01/2024" which caused to throw an error and whole dashboard fails to load (it shows only: "Application error: a client-side exception has occurred (see the browser console for more information).").

After inspecting a call stack it seems the problem lays in a function LogsDeleteButton that converts this date (in a correct format "Tue Jan 16 2024 ...") using t.date.toLocaleDateString() which is later passed to formatDate which causes an error.

I failed to compile it locally (I would be glad for an updated Running Locally section of README), but I assume that changing
Delete logs from {formatDate(logs.date.toLocaleDateString())}?
to Delete logs from {formatDate(logs.date)}?
in components/activity/logs/logs-delete-button.tsx should fix the issue, but I'm unable to confirm.

Quick Log

Suggestion: Add a "Quick Log" button next to an activity dropdown on a dashboard. It should immediatelly create a log with single count on today's date. Users will mostly log a simple entry, choosing an "Add Log" from a dropdown, then filling a form, and confirming it just makes a simple task very tedious.

PS: Great simple app, just what I was looking for, thank you!
I would gladly contribute, I'll just need to learn some typescript first.

[BUG] UI Small bug's

image
image
image

These are minor bugs, but in my opinion, they are noise that devalues ​​this cool project.

UPD: Remove the description as required to create an activity

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.