chore: replace refine logos with CDN hosted files (refinedev#3159)

* fix(chakra-ui): fix vite error in sider * fix(chakra-ui): update logo link * fix(mantine): update ready page logo * fix(mui): remove svg icon usage * chore: remove unused svgs * chore: add changesets * chore: get refine logo from cdn instead of importing it (refinedev#3158) * fix(sider): add collapsed logo max height * fix(antd): sider collapsed icon alignment * fix(chakra-ui): avoid title collapse/full jump * chore(antd): remove collapsed svg * fix: update collapsed refine logos * chore: update changeset Co-authored-by: Alican Erdurmaz <[email protected]>
euoia · Dec 8, 2022 · af2eefb · af2eefb
1 parent c558fb4
commit af2eefb
Show file tree

Hide file tree

Showing 23 changed files with 65 additions and 81 deletions.
diff --git a/.changeset/lemon-trees-tap.md b/.changeset/lemon-trees-tap.md
@@ -0,0 +1,5 @@
+---
+"@pankod/refine-antd": minor
+---
+
+Updated `LoginPage` and `ReadyPage` to use **refine** logos from CDN rather than bundled svg files.
diff --git a/.changeset/rare-zebras-ring.md b/.changeset/rare-zebras-ring.md
@@ -0,0 +1,5 @@
+---
+"@pankod/refine-chakra-ui": minor
+---
+
+Updated `LoginPage` and `ReadyPage` to use **refine** logos from CDN rather than bundled svg files.
diff --git a/.changeset/shiny-badgers-smile.md b/.changeset/shiny-badgers-smile.md
@@ -0,0 +1,5 @@
+---
+"@pankod/refine-mantine": minor
+---
+
+Updated `LoginPage` and `ReadyPage` to use **refine** logos from CDN rather than bundled svg files.
diff --git a/.changeset/violet-kangaroos-explain.md b/.changeset/violet-kangaroos-explain.md
@@ -0,0 +1,5 @@
+---
+"@pankod/refine-mui": minor
+---
+
+Updated `LoginPage` and `ReadyPage` to use **refine** logos from CDN rather than bundled svg files.
diff --git a/packages/antd/src/assets/images/refine-collapsed.svg b/packages/antd/src/assets/images/refine-collapsed.svg
diff --git a/packages/antd/src/assets/images/refine.svg b/packages/antd/src/assets/images/refine.svg
diff --git a/packages/antd/src/components/layout/title/index.tsx b/packages/antd/src/components/layout/title/index.tsx
@@ -7,16 +7,23 @@ export const Title: React.FC<TitleProps> = ({ collapsed }) => {
     return (
         <Link to="/">
             {collapsed ? (
-                <img
-                    src="https://refine.ams3.cdn.digitaloceanspaces.com/logo/refine-collapsed.svg"
-                    alt="Refine"
+                <div
                     style={{
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        padding: "12px 24px",
                     }}
-                />
+                >
+                    <img
+                        src="https://refine.ams3.cdn.digitaloceanspaces.com/logo/refine-mini.svg"
+                        alt="Refine"
+                        style={{
+                            margin: "0 auto",
+                            padding: "12px 0",
+                            maxHeight: "65.5px",
+                        }}
+                    />
+                </div>
             ) : (
                 <img
                     src="https://refine.ams3.cdn.digitaloceanspaces.com/logo/refine.svg"

diff --git a/packages/antd/src/components/pages/login/index.tsx b/packages/antd/src/components/pages/login/index.tsx
@@ -19,7 +19,6 @@ import {
     titleStyles,
     imageContainer,
 } from "./styles";
-import logo from "../../../assets/images/refine.svg";
 
 const { Text, Title } = Typography;
 export interface ILoginForm {
@@ -58,7 +57,10 @@ export const LoginPage: React.FC<LoginPageProps> = () => {
                 <Col xs={22}>
                     <div style={containerStyles}>
                         <div style={imageContainer}>
-                            <img src={logo} alt="Refine Logo" />
+                            <img
+                                src="https://refine.ams3.cdn.digitaloceanspaces.com/logo/refine.svg"
+                                alt="Refine Logo"
+                            />
                         </div>
                         <Card title={CardTitle} headStyle={{ borderBottom: 0 }}>
                             <Form<ILoginForm>

diff --git a/packages/antd/src/components/pages/ready/index.tsx b/packages/antd/src/components/pages/ready/index.tsx
@@ -3,8 +3,6 @@ import { RefineReadyPageProps } from "@pankod/refine-ui-types";
 import { Row, Col, Typography, Space, Button } from "antd";
 import { ReadOutlined, FolderOutlined, TeamOutlined } from "@ant-design/icons";
 
-import logo from "../../../assets/images/refine.svg";
-
 const styles: { [key: string]: React.CSSProperties } = {
     root: {
         height: "100vh",
@@ -48,7 +46,7 @@ export const ReadyPage: React.FC<RefineReadyPageProps> = () => {
             <Col style={{ textAlign: "center" }}>
                 <img
                     style={{ marginBottom: "48px" }}
-                    src={logo}
+                    src="https://refine.ams3.cdn.digitaloceanspaces.com/logo/refine.svg"
                     alt="Refine Logo"
                 />
                 <Title style={styles.title}>Welcome on board</Title>

diff --git a/packages/chakra-ui/src/assets/images/refine-collapsed.svg b/packages/chakra-ui/src/assets/images/refine-collapsed.svg