42debc6d11
## Description Rename `design-system` package to `@appsmith/ads` ## Automation /ok-to-test tags="@tag.All" ### 🔍 Cypress test results <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/10319507327> > Commit: 65d9664dd75b750496458a6e1652e0da858e1fc6 > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10319507327&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.All` > Spec: > <hr>Fri, 09 Aug 2024 13:47:50 UTC <!-- end of auto-generated comment: Cypress test results --> ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [x] No
37 lines
1011 B
TypeScript
37 lines
1011 B
TypeScript
import React from "react";
|
|
import { Link, Tooltip } from "@appsmith/ads";
|
|
import styled from "styled-components";
|
|
import { LOGO_TOOLTIP, createMessage } from "ee/constants/messages";
|
|
import { APPLICATIONS_URL } from "constants/routes";
|
|
import AppsmithLogo from "assets/images/appsmith_logo_square.png";
|
|
|
|
export const StyledLink = styled((props) => {
|
|
// we are removing non input related props before passing them in the components
|
|
// eslint-disable @typescript-eslint/no-unused-vars
|
|
return <Link {...props} />;
|
|
})`
|
|
height: 24px;
|
|
min-width: 24px;
|
|
width: 24px;
|
|
display: inline-block;
|
|
img {
|
|
min-width: 24px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
`;
|
|
|
|
export const AppsmithLink = () => {
|
|
return (
|
|
<Tooltip content={createMessage(LOGO_TOOLTIP)} placement="bottomLeft">
|
|
<StyledLink target="_self" to={APPLICATIONS_URL}>
|
|
<img
|
|
alt="Appsmith logo"
|
|
className="t--appsmith-logo"
|
|
src={AppsmithLogo}
|
|
/>
|
|
</StyledLink>
|
|
</Tooltip>
|
|
);
|
|
};
|