{"id":19310296,"url":"https://github.com/cedadev/fwtheme-react-jasmin","last_synced_at":"2025-10-28T22:43:03.489Z","repository":{"id":66788739,"uuid":"316348675","full_name":"cedadev/fwtheme-react-jasmin","owner":"cedadev","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-19T15:41:38.000Z","size":5579,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-01-06T02:09:51.237Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cedadev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-11-26T22:28:07.000Z","updated_at":"2023-04-24T15:38:47.000Z","dependencies_parsed_at":"2024-11-10T00:23:42.080Z","dependency_job_id":"2120b571-26e0-4ae1-8f5f-c6f013ada801","html_url":"https://github.com/cedadev/fwtheme-react-jasmin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedadev%2Ffwtheme-react-jasmin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedadev%2Ffwtheme-react-jasmin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedadev%2Ffwtheme-react-jasmin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedadev%2Ffwtheme-react-jasmin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cedadev","download_url":"https://codeload.github.com/cedadev/fwtheme-react-jasmin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240411442,"owners_count":19797091,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T00:23:33.694Z","updated_at":"2025-10-28T22:42:58.432Z","avatar_url":"https://github.com/cedadev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# fwtheme-react-jasmin\n\nPackage providing components for using the JASMIN theme in React applications.\n\n## Installation\n\nThis package is currently only available for installation directly from GitHub:\n\n```sh\nyarn add fwtheme-react-jasmin@github:cedadev/fwtheme-react-jasmin\n```\n\n## Usage\n\nTo add the JASMIN theme styling to your application, just wrap your application in\nthe JASMIN `App` component:\n\n```js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport JasminApp from 'fwtheme-react-jasmin';\n\nimport App from './App';\n\n\nReactDOM.render(\n    \u003cReact.StrictMode\u003e\n        \u003cJasminApp\u003e\n            \u003cApp /\u003e\n        \u003c/JasminApp\u003e\n    \u003c/React.StrictMode\u003e,\n    document.getElementById('root')\n);\n```\n\nThis will import all the JASMIN theme CSS and also add the standard footer to\nyour application.\n\n### JASMIN Logo\n\nThis package also provides a component that renders the JASMIN logo. This can be used\nanywhere you would use a regular image element, for example as part of a a Bootstrap\nNavbar for your site header, e.g.:\n\n```javascript\nimport React from 'react';\n\nimport Nav from 'react-bootstrap/Nav';\nimport Navbar from 'react-bootstrap/Navbar';\n\nimport { LinkContainer } from 'react-router-bootstrap';\n\nimport { Logo } from 'fwtheme-react-jasmin';\n\n\nconst AppNavbar = ({ authenticatedUser }) =\u003e (\n    \u003cNavbar expand=\"lg\" variant=\"dark\" bg=\"success\"\u003e\n        \u003cLinkContainer to=\"/\"\u003e\n            \u003cNavbar.Brand\u003e\n                \u003cLogo height={30} /\u003e\n            \u003c/Navbar.Brand\u003e\n        \u003c/LinkContainer\u003e\n        \u003cNavbar.Toggle /\u003e\n        \u003cNavbar.Collapse\u003e\n            \u003cNav className=\"mr-auto\"\u003e\n                \u003cLinkContainer to=\"/section1\"\u003e\n                    \u003cNav.Link\u003eSection 1\u003c/Nav.Link\u003e\n                \u003c/LinkContainer\u003e\n                \u003cLinkContainer to=\"/section2\"\u003e\n                    \u003cNav.Link\u003eSection 2\u003c/Nav.Link\u003e\n                \u003c/LinkContainer\u003e\n            \u003c/Nav\u003e\n            \u003cNavbar.Text\u003e\n                \u003ci className=\"fas fa-fw fa-user mr-1\" /\u003e\n                {authenticatedUser.username}\n            \u003c/Navbar.Text\u003e\n        \u003c/Navbar.Collapse\u003e\n    \u003c/Navbar\u003e\n);\n```\n\n### Updating the JASMIN theme version\n\nWhen a new version of the JASMIN theme is deployed, the URLs in [App.css](./src/App.css)\nand [Logo.js](./src/Logo.js) will need to be updated to the new version.\n\nApplications that include this package as a dependency will then need to update to\npoint at the new version:\n\n```sh\nyarn up fwtheme-react-jasmin@github:cedadev/fwtheme-react-jasmin\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcedadev%2Ffwtheme-react-jasmin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcedadev%2Ffwtheme-react-jasmin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcedadev%2Ffwtheme-react-jasmin/lists"}