admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Migrate to twenty-ui - navigation/link (#7837)

Browse Source 
This PR was created by [GitStart](https://gitstart.com/) to address the
requirements from this ticket:
[TWNTY-7535](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7535).

 --- 

### Description.  

Migrate link components to `twenty-ui` \
\
Fixes #7535

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-app[bot]
2024-10-22 17:36:26 +02:00
committed by GitHub
parent 02c34d547f
commit 430644448a
71 changed files with 262 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-website/src/content/twenty-ui/input/toggle.mdx
View File

@ -7,7 +7,7 @@ image: /images/user-guide/table-views/table.png
<ArticleTabs label1="Usage" label2="Props">
<ArticleTab>
<SandpackEditor content={`import { Toggle } from "@/ui/input/components/Toggle";
<SandpackEditor content={`import { Toggle } from "twenty-ui";
export const MyComponent = () => {
return (

8
packages/twenty-website/src/content/twenty-ui/navigation/links.mdx
View File

@ -13,7 +13,7 @@ A stylized link component for displaying contact information.
<SandpackEditor content={`import { BrowserRouter as Router } from 'react-router-dom';
import { ContactLink } from '@/ui/navigation/link/components/ContactLink';
import { ContactLink } from 'twenty-ui';
export const MyComponent = () => {
const handleLinkClick = (event) => {
@ -56,7 +56,7 @@ A stylized link component for displaying links.
<ArticleTabs label1="Usage" label2="Props">
<ArticleTab>
<SandpackEditor content={`import { RawLink } from "@/ui/navigation/link/components/RawLink";
<SandpackEditor content={`import { RawLink } from "twenty-ui";
import { BrowserRouter as Router } from "react-router-dom";
export const MyComponent = () => {
@ -97,7 +97,7 @@ A rounded-styled link with a Chip component for links.
<ArticleTabs label1="Usage" label2="Props">
<ArticleTab>
<SandpackEditor content={`import { RoundedLink } from "@/ui/navigation/link/components/RoundedLink";
<SandpackEditor content={`import { RoundedLink } from "twenty-ui";
import { BrowserRouter as Router } from "react-router-dom";
export const MyComponent = () => {
@ -134,7 +134,7 @@ Stylized social links, with support for various social link types, such as URLs,
<ArticleTabs label1="Usage" label2="Props">
<ArticleTab>
<SandpackEditor content={`import { SocialLink } from "@/ui/navigation/link/components/SocialLink";
<SandpackEditor content={`import { SocialLink } from "twenty-ui";
import { BrowserRouter as Router } from "react-router-dom";
export const MyComponent = () => {