From b4d7bf47faee73339221950830674ec6c70fdc50 Mon Sep 17 00:00:00 2001 From: fatemeh paghar Date: Sun, 12 Nov 2023 13:54:18 +0330 Subject: [PATCH] style(examples/list/list.*): remove ununcessary fragment in JSX --- examples/list/list.nested.tsx | 78 +++++++++++++++------------------ examples/list/list.ordered.tsx | 36 +++++++-------- examples/list/list.root.tsx | 36 +++++++-------- examples/list/list.unstyled.tsx | 36 +++++++-------- 4 files changed, 81 insertions(+), 105 deletions(-) diff --git a/examples/list/list.nested.tsx b/examples/list/list.nested.tsx index 22e448f5bc..e5dff8d607 100644 --- a/examples/list/list.nested.tsx +++ b/examples/list/list.nested.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,47 +22,43 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - - List item one - - You might feel like you are being really "organized" o - Nested navigation in UIs is a bad idea too, keep things as flat as possible. - Nesting tons of folders in your source code is also not helpful. - - - - List item two - - I'm not sure if we'll bother styling more than two levels deep. - Two is already too much, three is guaranteed to be a bad idea. - If you nest four levels deep you belong in prison. - - - - List item three - - Again please don't nest lists if you want - Nobody wants to look at this. - I'm upset that we even have to bother styling this. - - - - + + + List item one + + You might feel like you are being really "organized" o + Nested navigation in UIs is a bad idea too, keep things as flat as possible. + Nesting tons of folders in your source code is also not helpful. + + + + List item two + + I'm not sure if we'll bother styling more than two levels deep. + Two is already too much, three is guaranteed to be a bad idea. + If you nest four levels deep you belong in prison. + + + + List item three + + Again please don't nest lists if you want + Nobody wants to look at this. + I'm upset that we even have to bother styling this. + + + ); } diff --git a/examples/list/list.ordered.tsx b/examples/list/list.ordered.tsx index 8e938432e1..6242f0e97a 100644 --- a/examples/list/list.ordered.tsx +++ b/examples/list/list.ordered.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,26 +22,22 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } diff --git a/examples/list/list.root.tsx b/examples/list/list.root.tsx index 17decbad42..bcff5f4271 100644 --- a/examples/list/list.root.tsx +++ b/examples/list/list.root.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,26 +22,22 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } diff --git a/examples/list/list.unstyled.tsx b/examples/list/list.unstyled.tsx index c2fc58f81f..ae6cdbebbc 100644 --- a/examples/list/list.unstyled.tsx +++ b/examples/list/list.unstyled.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,26 +22,22 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); }