Discuss

[kentcdodds]

#19 (comment)

Gotta run, but wanted to make sure we don't forget to address this:

Regarding the candy dispenser, do a lot of posts have embedded jsx/html? We could adjust the prose classes to either do something with embedded html, or attempt to not target it entirely. But I feel like content like that should be positioned in an iframe, with its own styling.

Otherwise, we'll always have the chance of missing some (edge) cases.

The transparent png at /blog/unit-vs-integration-vs-e2e-tests can easily be fixed by adding a light background color to .prose img to simulate the effect of the current site (transparent on white), but not sure if that has your preference, because then you'll lose the benefit of transparent images.

Thoughts?

[kentcdodds]

What's tricky is we can't rely on tailwind in the posts because the posts aren't built with the site so tailwind may be out of date relative to the posts. However, there could probably be a few "components" that we could style to look nicely.

One good example of this is a callout component similar to remix's docs info component:

So we could probably have something like a <inline-demo> element that we style in a special way.

For that specific transparent image... I think I just need to change it. It's weird.

[kentcdodds]

This post needs work: https://kent.dev/blog/usememo-and-usecallback

The candy dispenser needs looking into and the date switches from June 4th (server rendered) to June 3rd (client rendered).

[smeijer]

the date switches from June 4th (server rendered) to June 3rd (client rendered).

Sounds like a timezone thing. Your server is probably running in a different timezone than the user's browser. You can current that using timezoneOffset:

import format from 'date-fns/format';
import add from 'date-fns/add';

const offset = new Date().getTimezoneOffset();

format(
  // assuming the server sends date in UTC
  add(frontmatter.date, { minutes: offset }), 
  '...'
);

[kentcdodds]

Nice! Thanks for that. I used exactly that 👍