rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-06 21:46:17 +01:00
Code Issues Releases Activity
f28b66068f
fab-manager/app/frontend/src/javascript/components
History
Sylvain f28b66068f tidied up the flowing components
2022-06-21 12:18:25 +02:00
..
angular fix typo 2022-06-15 13:39:27 +02:00
authentication-provider linted all front code, excepted profile-completion/ 2022-06-20 15:35:38 +02:00
base linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
events tidied up the flowing components 2022-06-21 12:18:25 +02:00
form linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
group linted all front code, excepted profile-completion/ 2022-06-20 15:35:38 +02:00
machines linted all front code, excepted profile-completion/ 2022-06-20 15:35:38 +02:00
payment tidied up the flowing components 2022-06-21 12:18:25 +02:00
payment-schedule linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
plan-categories linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
plans linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
prepaid-packs linted all front code, excepted profile-completion/ 2022-06-20 15:35:38 +02:00
pricing linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
profile-completion linted all code expected profile-custom-fields/* and proof-of-identity/* 2022-06-21 12:10:00 +02:00
profile-custom-fields (wip) lint for scoped-translation 2022-06-20 18:06:15 +02:00
proof-of-identity (wip) lint for scoped-translation 2022-06-20 18:06:15 +02:00
settings (wip) lint for scoped-translation 2022-06-20 18:06:15 +02:00
socials (wip) lint for scoped-translation 2022-06-20 18:06:15 +02:00
subscriptions (wip) lint for scoped-translation 2022-06-20 18:06:15 +02:00
user (wip) lint for scoped-translation 2022-06-20 18:06:15 +02:00
document-filters.tsx (typing) use TDateISO for typing dates 2022-05-04 14:05:36 +02:00
README.md (ui) display authorization callback url directly in interface 2022-05-04 12:28:29 +02:00

README.md

components

This directory is holding the components built with React.

During the migration phase, these components may be included in the legacy angularJS app using react2angular.

These components must be written using the following conventions:

  • The component name must be in CamelCase.
  • The component must be exported as a named export (no export default).
  • A component FooBar must have a className="foo-bar" attribute on its top-level element.
  • The stylesheet associated with the component must be located in app/frontend/src/stylesheets/modules/same-directory-structure/foo-bar.scss.
  • All methods in the component must be commented with a comment block.
  • Other constants and variables must be commented with an inline block.
  • Depending on if we want to use the <Suspense> wrapper or not, we can export the component directly or wrap it in a <Loader> wrapper.
  • When a component is used in angularJS, the wrapper is required. The component must be named like const Foo (no export if not used in React) and must have a const FooWrapper at the end of its file, which wraps the component in a <Loader>.
  • Translations must be grouped per component. For example, the FooBar component must have its translations in the config/locales/app.$SCOPE.en.yml file, under the foo_bar key.