From e01d8d8525a1a4f025bede9ba4191be6cbddea6b Mon Sep 17 00:00:00 2001 From: Fayed Date: Mon, 6 Nov 2023 05:59:56 +0600 Subject: [PATCH 1/4] add loader for shopify --- .../ShopifyAdminLoader.js | 35 +++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js diff --git a/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js new file mode 100644 index 0000000..b7af209 --- /dev/null +++ b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js @@ -0,0 +1,35 @@ +import React from 'react' +import ContentLoader from 'react-content-loader' + +const ShopifyAdminLoader = props => { + return ( + + + + + + + + + + + + ) +} + +ShopifyAdminLoader.metadata = { + name: 'Fayed Ishtar Chowdhury', + github: 'esterified', + description: 'A simple skeeleton for grid skeelton similar to Shopify Admin', + filename: 'ShopifyAdminLoader', +} + +export default ShopifyAdminLoader From eac937596fbed3ecd3b322c43db27c09c1d28135 Mon Sep 17 00:00:00 2001 From: Fayed Date: Mon, 6 Nov 2023 06:32:08 +0600 Subject: [PATCH 2/4] add file to gallery --- src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js | 2 +- src/Gallery/insertYourLoaderHere/index.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js index b7af209..450f959 100644 --- a/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js +++ b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js @@ -28,7 +28,7 @@ const ShopifyAdminLoader = props => { ShopifyAdminLoader.metadata = { name: 'Fayed Ishtar Chowdhury', github: 'esterified', - description: 'A simple skeeleton for grid skeelton similar to Shopify Admin', + description: 'A simple skeleton for grid skeleton similar to Shopify Admin', filename: 'ShopifyAdminLoader', } diff --git a/src/Gallery/insertYourLoaderHere/index.js b/src/Gallery/insertYourLoaderHere/index.js index 6ce7eb9..a514e21 100644 --- a/src/Gallery/insertYourLoaderHere/index.js +++ b/src/Gallery/insertYourLoaderHere/index.js @@ -13,6 +13,7 @@ export { default as CardList } from './CardList' export { default as CustomerTestimonial } from './CustomerTestimonial' export { default as ImageGrid } from './ImageGrid' export { default as DataTable } from './DataTable' +export { default as ShopifyAdminLoader } from './ShopifyAdminLoader' export { default as ShoppingLoader } from './ShoppingLoader' export { default as NotificationLoader } from './NotificationLoader' export { default as EventsLoader } from './EventsLoader' From 9faf23e6de2ea516f058fcb62380f8eec300c149 Mon Sep 17 00:00:00 2001 From: Fayed Date: Mon, 6 Nov 2023 06:43:08 +0600 Subject: [PATCH 3/4] change background color --- src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js index 450f959..4b685a2 100644 --- a/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js +++ b/src/Gallery/insertYourLoaderHere/ShopifyAdminLoader.js @@ -8,8 +8,6 @@ const ShopifyAdminLoader = props => { width={600} height={320} viewBox="0 0 600 320" - backgroundColor="#d6d6d6" - foregroundColor="#ecebeb" {...props} > From cfdfc3269e5c94db941e9841f8e860f51c58e2c2 Mon Sep 17 00:00:00 2001 From: Fayed Date: Mon, 6 Nov 2023 06:43:22 +0600 Subject: [PATCH 4/4] format --- .../insertYourLoaderHere/CategoryLoader.js | 32 ++++++------ .../insertYourLoaderHere/ShoppingLoader.js | 52 +++++++++---------- src/Gallery/insertYourLoaderHere/Twitter.js | 19 ++++--- src/Gallery/insertYourLoaderHere/index.js | 1 - 4 files changed, 51 insertions(+), 53 deletions(-) diff --git a/src/Gallery/insertYourLoaderHere/CategoryLoader.js b/src/Gallery/insertYourLoaderHere/CategoryLoader.js index afd6337..9273dd7 100644 --- a/src/Gallery/insertYourLoaderHere/CategoryLoader.js +++ b/src/Gallery/insertYourLoaderHere/CategoryLoader.js @@ -1,8 +1,8 @@ -import React from "react" -import ContentLoader from "react-content-loader" +import React from 'react' +import ContentLoader from 'react-content-loader' -const CategoryLoader = (props) => ( - ( + ( foregroundColor="#dbdbdb" {...props} > - - - - - - - - + + + + + + + + ) CategoryLoader.metadata = { - name: "Nitish Sharma", - github: "Nitz2611", - description: "Category with image and description", - filename: "CategoryLoader" + name: 'Nitish Sharma', + github: 'Nitz2611', + description: 'Category with image and description', + filename: 'CategoryLoader', } export default CategoryLoader diff --git a/src/Gallery/insertYourLoaderHere/ShoppingLoader.js b/src/Gallery/insertYourLoaderHere/ShoppingLoader.js index 5fce0d4..68533f4 100644 --- a/src/Gallery/insertYourLoaderHere/ShoppingLoader.js +++ b/src/Gallery/insertYourLoaderHere/ShoppingLoader.js @@ -1,33 +1,33 @@ -import React from "react" -import ContentLoader from "react-content-loader" +import React from 'react' +import ContentLoader from 'react-content-loader' const ShoppingLoader = props => { return ( - - - - - - - - - - - - - - - - + width={700} + height={300} + viewBox="0 0 700 300" + backgroundColor="#f3e7e7" + foregroundColor="#c7cdea" + {...props} + > + + + + + + + + + + + + + + + + ) } @@ -36,7 +36,7 @@ ShoppingLoader.metadata = { name: 'Nitish sharma', github: 'Nitz2611', description: 'A loading skeleton for shopping website', - filename:'ShoppingLoader' + filename: 'ShoppingLoader', } export default ShoppingLoader diff --git a/src/Gallery/insertYourLoaderHere/Twitter.js b/src/Gallery/insertYourLoaderHere/Twitter.js index ca1941d..f4c7ef2 100644 --- a/src/Gallery/insertYourLoaderHere/Twitter.js +++ b/src/Gallery/insertYourLoaderHere/Twitter.js @@ -1,8 +1,8 @@ -import React from "react" -import ContentLoader from "react-content-loader" +import React from 'react' +import ContentLoader from 'react-content-loader' -const Twitter = (props) => ( - ( + ( foregroundColor="#ecebeb" {...props} > - - - - - + + + + + ) @@ -28,4 +28,3 @@ Twitter.metadata = { } export default Twitter - diff --git a/src/Gallery/insertYourLoaderHere/index.js b/src/Gallery/insertYourLoaderHere/index.js index a514e21..f77c058 100644 --- a/src/Gallery/insertYourLoaderHere/index.js +++ b/src/Gallery/insertYourLoaderHere/index.js @@ -82,4 +82,3 @@ export { default as CheckboxList } from './CheckboxList' export { default as ImageUpload } from './ImageUpload' export { default as HeaderLoader } from './HeaderLoader' export { default as Twitter } from './Twitter' -