From 5fb749046f3d46a809da9d8947862aad1783a2d1 Mon Sep 17 00:00:00 2001 From: Jeremy Medina Paz Date: Fri, 12 May 2023 11:25:34 -0400 Subject: [PATCH 1/2] Create README.md --- README.md | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..ad49f01 --- /dev/null +++ b/README.md @@ -0,0 +1,55 @@ +# @leoj_anidem/toast-notify + +> Toast notifications component for React + +## Description + +The `@leoj_anidem/toast-notify` package is a toast notifications component developed in React. It provides an easy way to display notification messages in a web application's user interface. The component offers flexibility in customizing the content, notification type, and position on the screen. + +Key features: +- Display customizable toast notifications in your web application. +- Configure the content of the toasts, such as text and notification type (success, error, warning, info, etc.). +- Options to adjust the position of the toasts on the screen. +- Support for automatic closing of toasts after a configurable time period. +- Provides a context and provider for easier handling and management of toasts throughout the application. + +## Installation + +You can install the `@leoj_anidem/toast-notify` package using npm. Run the following command in your project: + +```bash +npm install @leoj_anidem/toast-notify +``` + +## Usage +To use the toast component in your application, import the necessary components from the package and set up the toast context and provider. You can then use the toast component anywhere in your application where you want to display notifications. Make sure to refer to the provided documentation for available configuration and customization options. + +Here's a basic example of how to use the toast component: + +```jsx +import React from 'react'; +import { ToastProvider, ListOfToast } from '@leoj_anidem/toast-notify'; + +const App = () => { + return ( + +
+ {/* Your application content */} +

My Application

+ {/* ... */} + +
+
+ ); +}; + +export default App; + +``` +For more details on configuring and using the toast component, refer to the full documentation at [link to documentation] (if available). + +## Contribution +If you'd like to contribute to this project, you're more than welcome. You can open issues to report bugs, suggest new features, or request improvements. Additionally, you can submit pull requests to propose changes to the code. + +## License +This project is licensed under MIT LICENSE. You can find more details in the LICENSE file. From ad8230ece3d1e2ce6c44f764fe02a1bfb6b4131b Mon Sep 17 00:00:00 2001 From: Jeremy Medina Paz Date: Fri, 12 May 2023 20:41:49 -0400 Subject: [PATCH 2/2] Create jekyll-gh-pages.yml --- .github/workflows/jekyll-gh-pages.yml | 51 +++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 .github/workflows/jekyll-gh-pages.yml diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml new file mode 100644 index 0000000..8fa9061 --- /dev/null +++ b/.github/workflows/jekyll-gh-pages.yml @@ -0,0 +1,51 @@ +# Simple workflow for deploying static content to GitHub Pages +name: Deploy static content to Pages + +on: + # Runs on pushes targeting the default branch + push: + branches: ['main'] + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow one concurrent deployment +concurrency: + group: 'pages' + cancel-in-progress: true + +jobs: + # Single deploy job since we're just deploying + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v3 + - name: Set up Node + uses: actions/setup-node@v3 + with: + node-version: 18 + cache: 'npm' + - name: Install dependencies + run: npm install + - name: Build + run: npm run build + - name: Setup Pages + uses: actions/configure-pages@v3 + - name: Upload artifact + uses: actions/upload-pages-artifact@v1 + with: + # Upload dist repository + path: './dist' + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v1