filter-button 0.1.0 → 0.2.1

package/README.md

@@ -1,9 +1,10 @@
-
 # Filter Button
 
 ## About
 
-![App Screenshot](./assets/demo.gif)
+![App Screenshot](https://github.com/kalpesh442266/Filter-Button/blob/master/assets/demo.gif)
+
+<!-- ![App Screenshot](./assets//demo.gif) -->
 
 This package provides a custom field for Strapi that lets you add a filter button in no time.
 
@@ -11,34 +12,39 @@ Custom fields are supported since Strapi 4.4+ and offer powerful API to create h
 
 This plugin lets you view filtered data according to your configurations.
 
-
-Installation
-
 ## Installation
 
 To install this plugin, you need to add an NPM dependency to your Strapi application:
+
 #### For NPM:
+
 ```bash
 npm i filter-button
 ```
+
 #### For Yarn:
+
 ```bash
 yarn add filter-button
 ```
 
 Now we need to register plugin so strapi can use it. In order to do that we need to create (if not already created) ./config/plugins.js file and add entry to it.
+
 ```bash
+module.exports = {
     'filter-button': {
         enabled: true,
-    }
+    },
+}
 ```
 
-## Configuration 
+## Configuration
+
 #### create relations first for filter button to work
-if relation is many to many then add boolean ```manyToMany:true``` in configuration
 
-Add webpack.config.js file into src/admin and paste this content there.
+if relation is many to many then add boolean `manyToMany:true` in configuration
 
+Add webpack.config.js file into src/admin and paste this content there.
 
 ```bash
 'use strict';
@@ -79,17 +85,22 @@ module.exports = (config, webpack) => {
 
 ```
 
-### Then Run build: 
+#### Then run build:
+
 #### For NPM:
+
 ```bash
-npm run bild
+npm run build
 ```
+
 #### For Yarn:
+
 ```bash
-yarn bild
+yarn build
 ```
+
 ## How To Use
 
-1. Once all necessary configuration is done, create a elation between ```from``` and ```to``` collections.
+1. Once all necessary configuration is done, create a elation between `from` and `to` collections.
 2. Add button from custom fields
-3. make sure ```attributeName``` is matching with configurations while creating custom field
+3. make sure `attributeName` is matching with configurations while creating custom field

package/admin/src/components/ButtonComponent/ButtonComponent.js

@@ -18,7 +18,7 @@ const ButtonComponent = ({ name }) => {
 
     const { uid } = allLayoutData.contentType;
     const currentCollection = CONTENT_TYPES?.filter(data => { if (data?.from === uid && data?.attributeName === name) return data })[0]
-    console.log(currentCollection)
+
     const filterCards = () => {
         history.push(`/content-manager/collectionType/${currentCollection?.to}?page=1&pageSize=10&sort=${currentCollection?.filterBy}:ASC&filters[$and][0][${currentCollection?.manyToMany ? currentCollection?.from?.split('.')[1] + 's' : currentCollection?.from?.split('.')[1]}][${currentCollection?.filterBy}][$eq]=${modifiedData?.title}`)
     }

package/package.json

@@ -1,13 +1,23 @@
 {
   "name": "filter-button",
-  "version": "0.1.0",
-  "description": "This is the description of the plugin.",
+  "version": "0.2.1",
+  "private": false,
+  "description": "Custom filter button plugin for strapi",
   "strapi": {
     "name": "filter-button",
-    "description": "Description of Filter Button plugin",
+    "description": "Custom filter button plugin for strapi",
     "kind": "plugin",
     "displayName": "Filter Button"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kalpesh442266/Filter-Button"
+  },
+  "keywords": [
+    "filter-button",
+    "strapi custom field",
+    "strapi filter button field"
+  ],
   "dependencies": {},
   "author": {
     "name": "A Strapi developer"
@@ -22,4 +32,4 @@
     "npm": ">=6.0.0"
   },
   "license": "MIT"
-}
+}