fix: #222 UI Redesign - Mobile - Trusted Senders

[Becca-Saka]

- What I did Created a new UI design for the trusted senders screen and a remove trusted sender dialog which closes #222

- How I did it I created a new screen for the trusted senders screen inside the trusted contacts folder

- How to verify it add the code to the welcome screen and you should be able to click the button to view the new screen

 CustomOutlinedButton(
     buttonText: 'Trusted Senders',
      onPressed: () {
              showModalBottomSheet(
                  context: context,
                  elevation: 10,
                  isScrollControlled: true,
                  //color with gradient
                  barrierColor: Colors.white
                      .withOpacity(0.25)
                      .withOpacity(0.6),
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.only(
                          topLeft:
                              Radius.circular(20.toWidth),
                          topRight:
                              Radius.circular(20.toWidth))),
                  builder: (context) => BackdropFilter(
                      filter: ImageFilter.blur(
                        sigmaY: -2,
                      ),
                      child: TrustedSenders()));
               },
    ),

- Description for the changelog Added trusted sender screen and dialog

[tinashe404]

@Becca-Saka could you make it so this screen is shown when someone presses Trusted Senders on the menu that appears on the right?

[Becca-Saka]

Sure, I'll do that now

[Becca-Saka]

Does this work or should it be a full page? @tinashe404

[tinashe404]

@Becca-Saka For now that will work. Make sure the code is already in the PR so that we don't need to add code in order to review.

[Becca-Saka]

@tinashe404 pushed my changes

[tinashe404]

@Becca-Saka The screens look great. Do you plan on adding in the functionality that is currently implemented on the existing trusted senders screens.

You should be able to just copy it over so that

• when you click Add atsign it shows the contacts screen... where people can add the trusted senders to the list
• It displays actual contacts from the trusted senders list and not hard coded ones (Since most of them dont have pictures you can display a default image for all of them)
• It shows the search filter as someone types in the search
• clicking on a contact gives the option to remove them from the trusted senders list and clicking confirm removes them

This is all that is required for this issue and all the above functionality just needs to be copied over.

[Becca-Saka]

Hey, @tinashe404 Sorry for the late response. I made the changes

1. Image functionality: I used the existing way to load the user's image, If it's empty it shows a placeholder

2. It's possible for the nickname/name to be null so I am only showing the at sign in that situation

3. Search function

4. removing trusted contacts

[tinashe404]

@Becca-Saka This is awesome! @sachins-geekyants and @nitesh2599 please could you do a code review?

[nitesh2599]

@tinashe404 The code looks fine to me. But, there are some conflicts.

[nitesh2599]

@Becca-Saka Could you please resolve the conflicts in the above mentioned files?

[Becca-Saka]

@nitesh2599 Resolved the conflicts