OK, so now let us go to the transaction component, which we created earlier, so there was some issues
with that.
So let me first to lead this.
Don't delete clause in the transaction component, there was some issues because we because we did not
create our because we did not create money for Mattel, and we also did not call that a global state.
So first of all, let me just call or import out of the normal state that are going to be.
Global context.
From Global State, next, let me just based our money for mental functions over to.
Wars and expense.
And so and I will copy this money for America to function, and I will paste it in, you know?
OK, next, what we'll do is we'll add some more functionalities now, or what we'll do is we'll first
of all.
In the transaction, not here, here, the work is done when you go to the transaction function and
how do you create a.
A constant or.
That will be a sign.
So I've already created that time, but not what we want to do is we want to it like a delayed functionality.
And also the money should be like drawn properly, according to the formatting.
So first of all, let me just show the money properly.
So what we are going is that.
This is already done a list, and ahead of what we'll do is we'll show the next like what text like
the label on the title of the band.
Actions before that will do is that we just the transaction.
Transaction bought.
Next.
Maybe it is a label that we'll check later regarding it, or we'll just figured it out.
And inside this, we'll use the sign and the span.
So the science should be negative or positive that we've already discussed or had been that we've already
discussed here this time.
If the amount is less than ideal, then it will be negative.
And if it's greater than zero, that only positive, as simple as that, who inside this is banned.
What we'll do is that being first of all, I call the sign.
So it's positive or negative, according to that.
After that, we'll have the amount.
So for that, we need the money for factor inside the money for.
We'll have that transaction amount for transaction art.
OK, so next, we will have a button to delete the entry, to delete the history, let me assure you
what I'm talking about or when I go here and this is the button, this class button.
So this will lead this particular entry from history.
So that is what we are going to do next.
What we do is, first of all, we'll add a functionality or let me just create a function first.
So for us, we will add one click to this button and the rest of the function is on click.
And this would be.
An inline function, of course, the one we are building from so long, so that will be delete, delete.
Songs, action, new transaction, and it will be strong action, and I'd be.
The class name would be for the Barton will, a class name also, and it will add a class me.
Class me.
Would it be really important?
Indeed, a fun beat.
And let me just say it.
So next, what we'll do is we'll create a context for this, also for the delete button inside the function
transaction only will add a contest and service that will be delete transaction and it will be equal
to.
It was context, and this will be the.
Well.
And we have gone on to this is how things are going right now, so.
Let me fight off for I mean.
And go with the browser.
We are still having a problem in income expense terms, yes.
It shows that.
Rules that transactions object is not defined.
On the line are going to be.
One.
So let me ask you.
Income tax.
Transactions is not fine, tune this.
What it is is.
Is to find.
You cannot say it's not too before and.
Maybe only two imported from somewhere.
But that I don't need to import, I mean.
Now, let me go to our context, like all of the errors are coming from there only because our context
is not completely finished.
So first of all, that is automated out here, so we do something about that also.
First of all, I need to import part reducer in the global context to import the app.
Producer, OK, auto import control.
That's a really, really happy feeling when it auto imports for you.
OK, the create context is done and the provider component is, I think, almost or done all we need
to create actions after the provider can't provide components and like what are the external actions?
Same as like what we did when we were diluting their transaction or ending our transaction before that
basically for.
Had I create a comment that would be saying that these actions belong?
So what are the actions or what I'll do is I'll create a function.
Function, this function were to be the lead transaction.
The new transaction, it will contain an I.D. like which transaction needs to be deleted?
We lose our dispatch while explaining why we are using dispatch to insert dispatch.
We'll be using type basically type a type.
Would it be value transaction, simple string.
That is no logic.
You can write anything.
Thanks.
And next, we'll be having a bill like a coma, and then we'll have.
A., B. A..
Spill would be ready.
OK, next, what will be happening is that we'll be having another function to add the transaction before
that.
After this, we'll have another function.
So that function would be at times, actually.
And transaction, and this will also expect an argument, so that will be a transaction.
And inside this ad would be the dispatch force dispatch and dispatch container type.
Type and type would be a simple string, so we can write anything I'll be using add transaction.
On S. Bond spending this correct.
You know, what we're going to do is we're going to provide a comma here because there is one more action.
That will be the Lord.
The know would be gone.
He to like to configure.
OK, that is some error, but that will be fixed soon.
We have an ad in our producer basically expected an assignment or function call instead of a saw operation
in the app to do so basically.
So now we are just going to the producer and see like, what's the problem?
Or next, we'll be going to the producer.