1 LENOVOPHONEREVIEWS-CHINA PHONE NEWS

How to Create Custom Notification Component in React Using SweetAlert

Here are the steps to create a custom notification component in React using SweetAlert:Chuwi ubook x

Install SweetAlert:

npm install sweetalert

Import SweetAlert in the component:

import Swal from 'sweetalert'

Create the Notification component:Chuwi hipad max

jsx

const Notification = (type, message) => {
  Swal({
    toast: true,
    position: 'top-end',
    showConfirmButton: false,
    timer: 3000,  
    timerProgressBar: true,
    text: message,  
    background: type === 'success' ? '#90EE90' : '#FF0000'      
  })
}

Call the component to show notifications:

jsx

Notification('success', 'Task completed successfully!')

Notification('error', 'Oops, something went wrong!')

Pass the message and type props:

success - Shows a green notification
error - Shows a red notification

Import and use the Notification component:

jsx

import { Notification } from './Notification'

// Call from a function
function handleClick() {
  Notification('success', 'Task added!')
}

SweetAlert will show a notification at the top of the page with:

A dismissable timer
Custom background color based on type
No confirmation button

This gives you a simple way to show custom notification alerts in any React component using SweetAlert. Let me know if you have any other questions!

The app is divided into two sections with 14 different apps to customize your Galaxy device. Once you download Good Lock, you can choose which app to download. Keep in mind, the app supports devices with Android 9 Pie and above. If your Samsung phone is on Android 9, dive into this tutorial.

Download the Good Lock app from the Galaxy Store or sideload the apk file from this link.
How To Use Good Lock On Your Samsung Device

Once you open the app, you’ll see two sections inside it: Unit & Family. We’ll be covering Unit first.
GOOD LOCK – UNIT

CLOCKFACE – This app lets you change the way your clock looks. It can be customized for your app screen and AOD as well.

Step 1: Open the app. Select any clock you like. There are 37 options to choose from.

Step 2: Next stop – Color. This changes the color of your clock and other contents.

Step 3: Once you have selected a style, click on Done.

Step 4: The clock styles from this app can also be applied on Always On Display.

Step 5: Make sure AOD in turned on. Head on to Settings > Lock Screen > Clock Style > Always On Display.
NOTISTAR – This app handles your notifications by categorizing them.

If you want to manage all your messy notifications, then Noti Star is the perfect app. Apart from managing the notifications, it also searches for delivered notifications and categorizes them. You can add a list of applications that come under NotiStar’s radar. There’s an option called Notification storage period which sets a limit or acts as a timer. Use the Filter setting to take more advantage of this app.

MULTISTAR – This app handles the way you use your multi-window mode.

Step 1: Open MultiStar. You will see a total of four options.

Step 2: Turn on Change split-screen color to change the border of the two apps in multi-window.

Step 3: Turn on Use Multi-window without pausing to continuously keep using the multi-window functionality.

Step 4: Enable multi-window to all apps will force all the apps on your phone to be used in split-screen mode. Beware though, not all apps can function in this mode. Also, restart your device for this effect to take place.

Step 5: Lastly, turn on Pop-up view action to switch an app into pop-up mode by swiping from the top of the screen down diagonally from either corner.
NICE SHOT – This app manages your screenshots and gives you an option to record your screen.

Step 1: Open the app. You’ll see 4 options. The first option, Save Format lets you choose if you’d like to save your screenshots in JPG or PNG format.

Step 2: By toggling Exclude SystemUI, you’ll lose the status bar and navigation view in your screenshots.

Step 3: #TagMenu is a handy feature that categorizes your screenshots according to the hashtags you’ve set. You can also turn on Tag Recommended which suggests you various tags to select.

Step 4: If you want to record the contents of your screen with just 1-tap, click on Add shortcut, which adds a Screen Recording shortcut on your home screen.

Step 5: Go to your home screen and click on the video camera icon. This shortcut also lets you write or doodle on your screen while the screen is being recorded.

QUICKSTAR – This app customizes your quick panel by swapping colors, choosing which indicators to show on the status bar, etc.

Step 1: Tap the On option. You’ll see Panel Settings, which has many default quick panel options to choose from. You can also make your own combination.

Step 2: Click on the + button. You’ll see a color wheel pop-up. The color you will select here will be the background of your quick panel.

Step 3: Next, you get to select the Font color, Toggle ON/OFF color.

Step 4: You can even select the blur amount.

Step 5: Once you are done, click on APPLY.

Step 6: Visibility of Indicator Icons lets you choose what is displayed on your status bar. If you want, you disable the alarm indicator or the flight mode symbol. There are a lot of options to tweak.

Step 7: Clock position changes the position of the clock on the status bar.

Step 8: Notification Popup Button gives you an option to show the Pop-up button alongside the settings option.

TASK CHANGER- This app customizes the layout of your recent app and changes some aspect of it.

Step 1: Toggle on the In Use option. Tap on the Layout option. You’ll see a list of options.

Step 2: If you select any option other than Stack and Carousel, you’ll get only one extra option of blurring the background.

Step 3: Selecting Stack and Carousel will get you some extra options.

Step 4: Mini mode gives you a shortened recent apps menu.

Step 5: Blur Background Effect blurs everything other than your recent apps list.

Step 6: Toggling Centre the currently running app brings the app you are using to the centre while going through your apps.

Step 7: If you select Carousel as your layout type, you’ll get another option called the Scroll Effect which lets you choose how you can browse your recent apps. The options include Cube In/Out, Linear, Scale, Rotation Up/Down.

ROUTINES – This app sets shortcuts for certain actions coupled with suitable apps.

Step 1: Once you open the app, you’ll be greeted with 14 default options. If you want, you can create your own options.

Step 2: Click on the + button to make your own combinations.

Step 3: You can make shortcuts like launching music apps once headphones are connected and so on.

Step 4: Just name the shortcut, add a condition and an action.

Step 5: You can also add these shortcuts on your home screen as a widget for easy access.

Step 6: If you don’t like a condition or action, click on – button to dismiss it.
NAVSTAR – This app changes how your navigation bar looks and functions.

Step 1: Toggle the On option. The app some default options. If you link any one of them, just tap on it.

Step 2: You can edit or delete the default options by long pressing on them.

Step 3: Create your own navigation bar by tapping on New configuration.

Step 4: You’ll first have to select a background paint for your navigation bar under the Background Color option at the bottom.

Step 5: Tap on the Button layout to the way your nav bar functions. Under Layout, select the position of your navigation buttons.

Step 6: Tap on Add button to make extra room for a maximum of two shortcuts.

This option is especially handy. You can add a camera button, a screenshot button or a browser button for quick access.

Step 7: Once you select any two shortcuts, it will reflect on the navigation bar above as a sample.

Step 8: Icons is where things get interesting. This option lets you adjust the transparency of your nav bar and choose what do the icons look like.

Step 9: By toggling Adaptive icons colors, the navigation button blends with the background.

Step 10: Tap on Back, Home or any other navigation button option to change the icon. You’ll get plenty of options to choose from.

Step 11: Click on Save and you can see that your choice of navigation bar has been applied.

Step 12: If you want to switch back and forth between on-screen gestures and navigation bar, you can use a quick panel toggle as well. Just pull down the quick panel, tap on the three dots and select Button order. Find Navigation bar and drag it to your existing quick panel option.

LOCKSTAR –This app revamps your lock screen, giving it some additional features.

Step 1: Toggle the On option. You’ll see the STYLE section. Tap on +

Step 2: Clicking on the two huge arrows on the left and right sides will take you through plenty of customizable options like clock positions, app shortcuts, etc.

Step 3: There are 3 sections at the very bottom. Background acts like a wallpaper changer, Clock gives you options to customize your time and Item Visibility lets you choose what shows on the lock screen.

Step 4: You can add up to six app shortcuts on the lock screen by clicking on the plus button.

Step 5: Once you’ve gone through these options, you can move the clock and notification menu on your whim.

Step 6: Next up – Unlock Type.

Step 7: App shortcut interaction This options lets you configure how an app is opened. There are a total of three options.

Step 8: If you like your old system clock, toggle on the option Use system clock.

Step 9: Keep system wallpaper doesn’t change your lock screen background.

Step 10: You can add multiple styles and keep switching to each style by tapping once on a selected style.
GOOD LOCK – FAMILY

NICE CATCH – This app provides you with a detailed history of app actions.

Step 1: Tap the On toggle.

Step 2: Vibration history gives you a history of which app caused vibrations at what time.

Step 3: Ringer mode history shows you a list of apps that used the ringer mode.

Step 4: Call mode history gives you a list of apps that used the phone function.

Step 5: Toast history provides information on an app that used most pop-ups.

Step 6: Detect Commercials shows you a list of apps that displayed advertisements after you unlocked your phone.

Step 7: Screen Wakeup history gives you a detailed list of app that woke your device.

One Hand Operation+ – This app takes on-screen gestures on another level by adding more features.

Step 1: Switch the On toggle.

Step 2: Left handle lets you operate your apps on the left side of your phone. There are three main functions in the Short swipe option: Straight right, Diagonal up, and Diagonal down. You can choose to allot a set of functions to the aforementioned options.

Step 3: The other section, Long swipe lets you configure shortcuts by long pressing on the handles. The options are the same as the short swipes.

Step 4: Head on to Advanced settings for more options.

Step 5: Apart from these three main options, you can tweak the app using Transparency level, Size of the handle, positioning the handle and the touch width.

Step 6: Customize the Vibration level and Swipe distance which identifies the handle quickly.
EDGE LIGHTING + – This app lights the edge of your curved screens when you receive a notification.

Step 1: Choose an effect. You get to pick from 10 lightings.

Step 2: In the Colour section, choose whether or not you want the same colored light for all the apps. You can even choose a custom color for every individual app.

Step 3: Choose the transparency of the lighting in the third option.

Step 4: Duration lets you choose how long the edge lighting stays when you receive a notification.
EDGE TOUCH – This app avoids accidental palm touches on the edged screen.

Step 1: Select from the default edge three presets.

Step 2: If you are not a fan of any of the three, you can create your own by tapping on the Add Edge zone.

Step 3: You’ll have to drag the circle set a limit of accidental touches in the Blocked zone (yellow color).

Step 4: Click on next to edit the Grip zone (Green color).

Step 5: Just click next to tweak the control for landscape view.

Step 6: Go to the main screen of the app and tap on Show Edge zones. This will constantly show the green and yellow color for the edges they represent.

SOUND ASSISTANT – This app gives you different presets for a better audio experience.

Step 1: Tap on Scenarios. You can create different presets for Home, Work, etc.

Step 2: You can even create your preset by tapping on the plus button.

Step 3: Floating button lets you use a small shortcut when you use the volume rockers. It houses a pop-up window to customize sound effects without opening the app. You can even set for how long the shortcuts floats.

Step 4: Individual app volumes lets you set a defined volume for different apps.

Step 5: Control Audio enables two different audio options: Dual app sound which allows you to play the same audio through two different apps and Separate app sound which lets you play sound from a specific app.

Step 6: Advanced settings lets you control mono audio, a preset for a selfie stick and so on.

Good Lock is an excellent vision for Samsung users which lets them tweak their device according to their taste. It’s not necessary that you’ll like all the applications so make sure to give them a try and take full advantage of the app on your Galaxy smartphone. Comment below your favorite app.

Also Read:Adult Games for Android in 2019

Also Read:Best Project Free TV Alternative

Also Read:22 Best Websites Alternative to RouletteB in 2019

Also Read:Forward Calls on iPhone Xs/X/8/7/6s for Busy Time

Also Read:7 Best Alternatives to Megashare for Movie Watching in 2019

Also Read:Unbrick Your Bricked iPhone XS/XR/X/8/7 in 2019

1 LENOVOPHONEREVIEWS-CHINA PHONE NEWS

5/25/2023

How to Use Rufus to Bypass TPM and Secure Boot Requirements in Windows 11 2023

How to Create Custom Notification Component in React Using SweetAlert 2023

13 Best Netflix Games to Play on Your Smartphone

5/26/2019

How To Use Good Lock On Your Samsung Device

Blog Archive