Allow exporting or importing data to a json file.

[sameer1612]

Add two buttons that will export the current state to a JSON file and this file can later be imported back to initialize the redux toolkit state.

[sergomen]

@sameer1612 Please assign it to me.

[sameer1612]

@sergomen Assigning to you. I'll be reviewing PRs this saturday.

Feel free to drop a comment in case of any doubt. Thanks!

[sergomen]

@sergomen Assigning to you. I'll be reviewing PRs this saturday.

Feel free to drop a comment in case of any doubt. Thanks!

Hi sameer. I not able to solve this issue in time (this Saturday). I'm not familiar with Redux. Can you please give me additional time (2-3 days)? I will try to do my best.

[sameer1612]

@sergomen If you are stuck somewhere. Feel free to reach out, I can help you get to speed.

[sergomen]

@sameer1612, I added some updates with ussues. I understand a little bit how to work with Redux, but can you pls check my updates (https://github.com/sergomen/tiers-of-joy/blob/main/src/components/import-json/import-json.tsx)

I'm trying to dispatch custom json string from modal to reducer. I get array of arrays. But I need to get array of objects. I think this is the issue.
const newTiles = lines.map((line) => { const tokens = line.split(","); console.log("Length", tokens.length) if (tokens.length !== 1) { return { url: tokens[2], title: tokens[1], tier: tokens[0] }; }

I will continue tomorrow.

#upd. 10.22.23 7:00am GMT. I fixed this issue.

[sergomen]

This is the first iteration what I want to do.
Now it looks like:

The.first.iteration.tiers.of.joy.mp4

[sameer1612]

@sergomen this looks good. Can we not simply import a file instead of copy pasting its contents? Like by using a file picker.

[sergomen]

@sergomen this looks good. Can we not simply import a file instead of copy pasting its contents? Like by using a file picker.

Yeah, sure. It's just the first iteration.

[sergomen]

@sameer1612, can you give me some advice how to 'catch' data for exporting json? It seems, I haven't any idea how to do it.

[sameer1612]

@sergomen I can catch up for a quick 10m session tomorrow to clear your conceptual doubts. Please mail me a Google calendar invite at cyber726337@gmail.com.

Happy to help!

[sergomen]

Thanks, @sameer1612, for your advice. Now it works. This is the second iteration. I remember I need to add a file picker and clean code.

second.iteration.tiers.of.joy.mp4

[sameer1612]

This looks good @sergomen. Nice work!

One worth change here is to do a check while importing so that the situation at end of this video doesn't happen where we have duplicates in lhs and rhs.

When you implement file picker, replace the entire state, removing all existing entries before import.

[sergomen]

Hi @sameer1612 . I have added changes.