Issue related

• Closes #15

What is being changed?

• add mui circular loader wrapper
• update eslint rules to consistent type instead of interface
• align types usages

Evidences

Added to the demonstration in LoginForm

https://user-images.githubusercontent.com/15786916/193459606-01ceaaca-792c-4cd5-b2f5-f4b3b9cc310c.mov

Observations

More details can be clarified during the review since criteria are pretty generic

Issue: #5

Changes:

• add eslint
• add prettier
• add scripts to run lint/prettier
• integrate eslint and prettier
• update all ts(x) files to fix all found eslint issues (mostly missed returned function type + React is not defined in tsx file)

Describe the bug Cursor not visible while adding description.

To Reproduce Steps to reproduce the behavior:

1. Try to add a blog
2. Edit blog body
3. Whenever you go to a new line i.e. column 1, the cursor is not visible due to the border i think

Expected behavior A cursor should blink denoting the current position of text input.

Desktop (please complete the following information):

• OS: Windows 11
• Chrome
• 105.0.5195.127

Issue related

• Closes #39

What is being changed?

• Adding padding between the border of blog body and content.

Evidences

Observations

Umm the UI in general needs a revamp imo, this is just a quick fix to make the current UI less buggy. The 2px value, I chose was based on my subjective measures, feel free to suggest better values, it's a quick fix anyway.

Observed this issue while logging in. I think this makes the page accessibility a lot easier.

Issue related

• Closes #XXXXX

What is being changed?

• Write a description giving the context of what is being delivered.

Evidences

📷 Add the images, gifs or whatever you want to add to show what you did.

Observations

Any observation while working on this issue?

Issue related

• Closes #15
• Comment: https://github.com/game1n/t8-cms/pull/19#issuecomment-1265899811

What is being changed?

• replace Loader component to two LinearLoader and CircularLoader

Evidences

Observations

Linear component will be hidden if it's parent has not defined width property so the usage will be the same as provided by MUI (https://mui.com/material-ui/react-progress/#linear)

// percentages are for example
<Box sx={{ width: '100%' }}>
  <LinearLoader shouldDisplayLoader={true} />
</Box>

// or
<LinearLoader shouldDisplayLoader={true} sx={{ width: '100%' }} />

Issue related

• Closes #XXXXX

What is being changed?

• Write a description giving the context of what is being delivered.

Evidences

📷 Add the images, gifs or whatever you want to add to show what you did.

Observations

Any observation while working on this issue?

Issue related

• Closes #XXXXX

What is being changed?

• Write a description giving the context of what is being delivered.

Evidences

📷 Add the images, gifs or whatever you want to add to show what you did.

Observations

Any observation while working on this issue?

Issue related

• Closes #21

What is being changed?

1. update linter rule for consistency:

• replace interface to types
• disable strict boolean expression as optional

2. refactor login to separate constants/service/models/enums and reuse them

3. refactor storage functionality to follow SRY to be able to reuse storage logic in generic way

4. refactor supabase functionality to reusable way follow SRY

5. refactor routing:

• move out components in initialization from RouterConfig since they are static
• refactor RouterConfig to integrate with refactored code

6. refactor auth service to handle all business logic in the service layer instead of the component

Evidences

no UI changes

Observations

Form base project strcuture

Description : As of now in order to publish new contents, we write in the modal box which is not a good user experience, so we need to create a entirely saperate page where this process will be done

Issue related

• Closes #20

What is being changed?

• Added markdown support to blog body using react-markdown. Could have used the MarkdownPost component but the naming suggests the use case is focussed on posts

• terraform config to provision static R2/S3 buckets based on the user's choice.
• terraform config to provision CloudFront/Cloudflare CDNs for those buckets based on the user's choice.

The provider can be picked up from an environment variable or via a var file(preferable), and the remote backend state can be managed locally for now.

• Show a loading indicator that replaces the login button with a button that has a circular loading indicator in between.

State change:

[ Login ] ----> user clicks the button or presses enter -> form validation -> [ O ] (button dims a bit and circular loading is shown inside the button)

• Admin would create and store the blog in form of markdown, the markdown would be stored in some BaaS like supabase(this will be handled separately)
• In this task, we want to add the capability to be able to render that markdown coming from the DB.

Ref: https://github.com/remarkjs/react-markdown