Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: migrate tools components to typescript #2774

Merged
merged 23 commits into from
Mar 29, 2024
Merged

feat: migrate tools components to typescript #2774

merged 23 commits into from
Mar 29, 2024

Conversation

devilkiller-ag
Copy link
Member

Description
This PR migrates the components inside the following folder to TypeScript:

  • tools

Related issue(s)
#2636

Copy link

netlify bot commented Mar 14, 2024

Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 6c5bd6f
🔍 Latest deploy log https://app.netlify.com/sites/asyncapi-website/deploys/6606f075a10d200008646afe
😎 Deploy Preview https://deploy-preview-2774--asyncapi-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@devilkiller-ag devilkiller-ag marked this pull request as ready for review March 20, 2024 04:11
components/tools/CardData.tsx Show resolved Hide resolved
components/tools/CardData.tsx Show resolved Hide resolved
components/tools/CategoryDropdown.tsx Show resolved Hide resolved
};

/**
* @description This component displays tags.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Describe these tags more, on where it is used.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Comment on lines 30 to 39
useEffect(() => {
const divHeight = descriptionRef.current?.offsetHeight || 0;
const numberOfLines = divHeight / 20;

if (numberOfLines > 3) {
setShowMoreDescription(true);
} else {
setShowMoreDescription(false);
};
}, []);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a comment here.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Comment on lines 30 to 39
</Paragraph>
<hr className='my-8' />
<div className='flex grid-cols-3 flex-col gap-8 lg:grid'>
{toolsListData[categoryName].toolsList.map((tool, toolIndex) => (
<ToolsCard key={toolIndex} toolData={tool} />
))}
</div>
</div>
);

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
</Paragraph>
<hr className='my-8' />
<div className='flex grid-cols-3 flex-col gap-8 lg:grid'>
{toolsListData[categoryName].toolsList.map((tool, toolIndex) => (
<ToolsCard key={toolIndex} toolData={tool} />
))}
</div>
</div>
);
</Paragraph>
<hr className='my-8' />
<div className='flex grid-cols-3 flex-col gap-8 lg:grid'>
{toolsListData[categoryName].toolsList.map((tool, toolIndex) => (
<ToolsCard key={toolIndex} toolData={tool} />
))}
</div>
</div>
);

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi, I can't understand, what to change here. The indentation is already correct. Can you please elaborate a little on this?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't migrate this file to typescript. These files are part of scripts and we aren't migrating scripts folder yet.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it necessary to make these changes?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nope, I have restored the original content.

@akshatnema
Copy link
Member

/rtm

@asyncapi-bot asyncapi-bot merged commit 13f4989 into asyncapi:migrate-ts Mar 29, 2024
14 checks passed
@devilkiller-ag devilkiller-ag deleted the ag-ts-tools branch March 29, 2024 17:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants