shadcn dropdown with dialog

Comment

0

function DropdownAndDialogs() {
    const [isEditDialogOpen, setIsEditDialogOpen] = useState(false)
    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)

    return (
        <>
            <DropdownMenu>
                <DropdownMenuTrigger asChild>
                    <Button>
                        Open menu
                    </Button>
                </DropdownMenuTrigger>
                <DropdownMenuContent align="end">
                    <DropdownMenuLabel>Actions</DropdownMenuLabel>

                    <DropdownMenuItem onClick={() => setIsEditDialogOpen(true)}>Edit</DropdownMenuItem>
                    <DropdownMenuItem onClick={() => setIsDeleteDialogOpen(true)}>Delete</DropdownMenuItem>

                    <DropdownMenuItem>Archive</DropdownMenuItem>
                </DropdownMenuContent>
            </DropdownMenu>

            <AlertDialog open={isEditDialogOpen}
                         onOpenChange={() => setIsEditDialogOpen(!isEditDialogOpen)}>
                <AlertDialogTrigger asChild>
                </AlertDialogTrigger>
                <AlertDialogContent>
                    <AlertDialogHeader>
                        <AlertDialogTitle>Edit</AlertDialogTitle>
                        <AlertDialogDescription>
                        </AlertDialogDescription>
                    </AlertDialogHeader>
                    <AlertDialogFooter>
                        <AlertDialogCancel>Cancel</AlertDialogCancel>
                        <AlertDialogAction>Save</AlertDialogAction>
                    </AlertDialogFooter>
                </AlertDialogContent>
            </AlertDialog>

            <AlertDialog open={isDeleteDialogOpen}
                         onOpenChange={() => setIsDeleteDialogOpen(!isDeleteDialogOpen)}>
                <AlertDialogTrigger asChild>
                </AlertDialogTrigger>
                <AlertDialogContent>
                    <AlertDialogHeader>
                        <AlertDialogTitle>Delete</AlertDialogTitle>
                        <AlertDialogDescription>
                        </AlertDialogDescription>
                    </AlertDialogHeader>
                    <AlertDialogFooter>
                        <AlertDialogCancel>Cancel</AlertDialogCancel>
                        <AlertDialogAction>Delete</AlertDialogAction>
                    </AlertDialogFooter>
                </AlertDialogContent>
            </AlertDialog>
        </>
    )
}
 Run code snippet

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: dialog dropdown whatever

Share

Link to this answer
Share Copy Link

Contributed on Oct 02 2024

Muhammad Saleh

0 Answers Avg Quality 2/10

python testing

Comment

3

# Typical testing
df_transformed = ...
df_loaded = pd.read_sql("SELECT * FROM clean_stock_data", con=db_engine)
# Compare the two DataFrames to ensure that no data loss happened
print(df_transformed.equals(df_loaded))

### Standard Approach (Any test case is a function and except for fixtures should start with "test_")

### Test - 1
def test_transformed_data():
    raw_stock_data = extract("raw_stock_data.csv")
    clean_stock_data = transform(raw_data)
    assert isinstance(clean_stock_data, pd.DataFrame)

### Test - 2
import pytest

@pytest.fixture()
def clean_data(): # Fixture allows the function name to be used as a variable that holds the return value
    raw_stock_data = extract("raw_stock_data.csv")
    clean_stock_data = transform(raw_data)
    return clean_stock_data

def test_transformed_data(clean_data): # Fixture allows the function-as-variable to be passed in the test
    assert isinstance(clean_data, pd.DataFrame)


### Test - 3 

def test_transformed_data(clean_data): # Fixture allows the function-as-variable to be passed in the test
    assert len(clean_data.columns) == 4 # Check number of columns
    assert clean_data["open"].min() >= 0 # Check the lower bound of a column
    assert clean_data["open"].min() >= 0 and clean_data["open"].max() <= 1000 # Include other assert statements here

# Note: To run the test, execute command : python -m pytest

Popularity 8/10 Helpfulness 4/10 Language python

Source: Grepper

Tags: python testing

Share

Link to this answer
Share Copy Link

Contributed on Oct 02 2024

Innocent Iguana

0 Answers Avg Quality 2/10

python testing

Comment

4

assert df['col'].dtype == 'int'
assert phone['Phone number'].str.contains("+|-").any() == False

Popularity 10/10 Helpfulness 2/10 Language python

Source: Grepper

Tags: python py

Share

Link to this answer
Share Copy Link

Contributed on Nov 29 2023

Innocent Iguana

0 Answers Avg Quality 2/10

shadcn dropdown with dialog

Contents

More Related Answers