ABIDULLAH786

import * as React from 'react';
import IconButton from '@mui/material/IconButton';
import Menu from '@mui/material/Menu';
import MenuItem from '@mui/material/MenuItem';
import { MoreVerticalIcon } from '../../assets/icons/more-vertical';
import { customSuccessToast, successToast } from '../toast/toast';



const ITEM_HEIGHT = 48;

ABIDULLAH786

import React from 'react'
import { Tooltip, ListItemIcon, Menu, MenuItem, Divider, Box } from '@mui/material'
import { useNavigate } from 'react-router-dom';
import UserAvatar from '../UserAvatar';
import { makeStyles } from '@mui/styles';
import { LogoutIcon } from '../../../../assets/icons/logout-icon';
function UserMenu() {
    const classes = useStyles();
    const [anchorEl, setAnchorEl] = React.useState(null);
    const open = Boolean(anchorEl);

ABIDULLAH786

/**
 * Basic CSS Media Query Template
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-1024   - desktop (default grid)
 *   1024-768    - tablet landscape
 *   768-480     - tablet 
 *   480-less    - phone landscape & smaller
 * --------------------------------------------
 */

ABIDULLAH786

// SCOPE CODE OUTPUT  Ex-1

let b = 100;
{
    var a = 10;
    let b = 20;
    const c = 30;
    console.log(a)
    console.log(b)

ABIDULLAH786

git branch -m master main
git fetch origin
git branch -u main main
git remote set-head origin -a

ABIDULLAH786

git init
git add -A
git commit -m 'Added my project'
git remote add origin git@github.com:abidullah786/my-new-project.git
git push -u -f origin main

ABIDULLAH786

Docker Commands, Help & Tips

Show commands & management commands

$ docker

Docker version info

ABIDULLAH786

   const PI = 3.14159;
   console.log(PI); // Output: 3.14159
   /// Attempting to reassign a const variable will result in an error
   PI = 3.14; Error: Assignment to constant variable.

ABIDULLAH786

import storage from "./config/firebaseConfig";
import { ref, uploadBytesResumable, getDownloadURL } from "firebase/storage";
import { useEffect, useState } from "react";
import StorageWatcher from "./components/storageWatcher";
import uploadFileToFirebaseStorage from "./utils/uploadFileToFirebaseStorage";
import AudioRecorder from "./components/audioRecorder";
export default function App() {
//   const [percent, setPercent] = useState(0);
  
//   useEffect(() => {

ABIDULLAH786

import { useEffect, useRef, useState } from "react";
export default function Select() {
    const [expend, setExpend] = useState(false)
    const [selectedOption, setSelectedOption] = useState("Select authentication type")
    const ref = useRef()
    const optionList = ["WPA", "WEP"]
    useEffect(() => {
        document.addEventListener("click", handleClickOutside, true);
        document.body.style.overflow = 'hidden';
        document.body.classList.add('modal-overlay')