From 74bde4d7a95ed5b3d111cb657600a9d1c2d41fa8 Mon Sep 17 00:00:00 2001 From: Mel Massadian Date: Sat, 11 May 2024 12:56:52 +0200 Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=8E=20fix=20various=20styles?= =?UTF-8?q?=20issues?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Not coming from that PR directly but revealed by it. Also adds ts,tsx and json to the linters. --- package.json | 270 +++++++++--------- src/components/feed-item/index.module.scss | 3 + src/components/preview/index.jsx | 1 + src/components/preview/index.module.scss | 29 +- .../objkt-display/tabs/index.module.scss | 5 + 5 files changed, 153 insertions(+), 155 deletions(-) diff --git a/package.json b/package.json index 1814311d1..5f3be5580 100644 --- a/package.json +++ b/package.json @@ -1,141 +1,137 @@ { - "name": "teia-ui", - "version": "0.1.0", - "private": true, - "dependencies": { - "@taquito/beacon-wallet": "^17.4.0", - "@taquito/michelson-encoder": "^17.4.0", - "@taquito/taquito": "^17.4.0", - "axios": "^0.27.2", - "base-x": "^4.0.0", - "bs58check": "^2.1.2", - "canvas": "^2.11.2", - "classnames": "^2.3.2", - "compressorjs": "^1.1.1", - "fflate": "^0.7.4", - "framer-motion": "^9.0.1", - "graphql": "^16.4.0", - "graphql-request": "^4.2.0", - "json5": "^2.2.3", - "keyboardjs": "^2.7.0", - "markdown-to-jsx": "^7.1.9", - "mime-types": "^2.1.35", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-hook-form": "^7.43.1", - "react-infinite-scroller": "^1.2.6", - "react-intersection-observer": "^9.4.2", - "react-lazy-load-image-component": "^1.5.6", - "react-masonry-css": "^1.0.16", - "react-router": "^6.8.1", - "react-router-dom": "^6.8.1", - "react-select": "^5.7.0", - "react-use": "^17.4.0", - "react-use-clipboard": "^1.0.9", - "screenfull": "^6.0.2", - "swr": "^1.3.0" - }, - "scripts": { - "analyze": "source-map-explorer 'build/assets/*.js'", - "start": "vite", - "serve": "vite preview", - "build": "vite build", - "build-dev": "vite --mode development build", - "test": "vite test", - "screenshots": "playwright test", - "eject": "react-scripts eject", - "format": "prettier --write \"./src/**/*.{js,jsx,scss}\"", - "prepare": "husky install", - "lint": "eslint src --ext .js,.jsx", - "storybook": "storybook dev -p 6006", - "build-storybook": "storybook build" - }, - "eslintConfig": { - "extends": "react-app" - }, - "lint-staged": { - "./src/**/*.{js,jsx,scss}": "prettier --write" - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] - }, - "devDependencies": { - "@airgap/beacon-types": "^3.3.3", - "@babel/preset-react": "^7.18.6", - "@google/model-viewer": "^3.0.1", - "@hookform/devtools": "^4.3.0", - "@storybook/addon-essentials": "^7.6.11", - "@storybook/addon-interactions": "^7.6.11", - "@storybook/addon-links": "^7.6.11", - "@storybook/blocks": "^7.6.11", - "@storybook/react": "^7.6.11", - "@storybook/react-vite": "^7.6.11", - "@storybook/testing-library": "^0.2.2", - "@testing-library/jest-dom": "^6.4.0", - "@testing-library/react": "^14.2.0", - "@testing-library/user-event": "^14.5.2", - "@vitejs/plugin-react": "^3.1.0", - "assert": "^2.0.0", - "buffer": "^6.0.3", - "cross-env": "^7.0.3", - "cssnano": "^5.1.14", - "eslint": "^8.34.0", - "eslint-config-react-app": "^7.0.1", - "eslint-plugin-jsx-a11y": "^6.6.1", - "eslint-plugin-react": "^7.32.2", - "fnv1a": "^1.1.1", - "fs-extra": "^11.1.0", - "husky": "^7.0.4", - "libsodium-wrappers": "^0.7.11", - "lodash": "^4.17.21", - "path-browserify": "^1.0.1", - "postcss": "^8.4.21", - "postcss-flexbugs-fixes": "^5.0.2", - "postcss-preset-env": "^7.8.3", - "prettier": "^2.8.4", - "process": "^0.11.10", - "prop-types": "^15.8.1", - "react-pdf": "^6.2.2", - "rollup-plugin-node-polyfills": "^0.2.1", - "rollup-plugin-polyfill-node": "^0.12.0", - "sass": "^1.58.1", - "source-map-explorer": "^2.5.3", - "storybook": "^7.6.11", - "stylelint": "^14.16.1", - "stylelint-config-standard-scss": "^6.1.0", - "twemoji": "^14.0.2", - "typescript": "^4.9.5", - "vite": "^4.1.1", - "vite-compatible-readable-stream": "^3.6.1", - "vite-plugin-ejs": "^1.6.4", - "vite-plugin-eslint": "^1.8.1", - "vite-plugin-filter-replace": "^0.1.10", - "vite-plugin-markdown": "^2.1.0", - "vite-plugin-node-polyfills": "^0.7.0", - "vite-plugin-node-stdlib-browser": "^0.1.1", - "vite-plugin-svgr": "^2.4.0", - "vite-tsconfig-paths": "^4.0.5", - "zustand": "^4.3.3" - }, - "overrides": { - "vite-plugin-markdown": { - "vite": "$vite" + "name": "teia-ui", + "version": "0.1.0", + "private": true, + "dependencies": { + "@taquito/beacon-wallet": "^17.4.0", + "@taquito/michelson-encoder": "^17.4.0", + "@taquito/taquito": "^17.4.0", + "axios": "^0.27.2", + "base-x": "^4.0.0", + "bs58check": "^2.1.2", + "canvas": "^2.11.2", + "classnames": "^2.3.2", + "compressorjs": "^1.1.1", + "fflate": "^0.7.4", + "framer-motion": "^9.0.1", + "graphql": "^16.4.0", + "graphql-request": "^4.2.0", + "json5": "^2.2.3", + "keyboardjs": "^2.7.0", + "markdown-to-jsx": "^7.1.9", + "mime-types": "^2.1.35", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "react-hook-form": "^7.43.1", + "react-infinite-scroller": "^1.2.6", + "react-intersection-observer": "^9.4.2", + "react-lazy-load-image-component": "^1.5.6", + "react-masonry-css": "^1.0.16", + "react-router": "^6.8.1", + "react-router-dom": "^6.8.1", + "react-select": "^5.7.0", + "react-use": "^17.4.0", + "react-use-clipboard": "^1.0.9", + "screenfull": "^6.0.2", + "swr": "^1.3.0" }, - "vite-plugin-node-stdlib-browser": { - "vite": "$vite" + "scripts": { + "analyze": "source-map-explorer 'build/assets/*.js'", + "start": "vite", + "serve": "vite preview", + "build": "vite build", + "build-dev": "vite --mode development build", + "test": "vite test", + "screenshots": "playwright test", + "eject": "react-scripts eject", + "format": "prettier --write \"./src/**/*.{js,jsx,scss}\"", + "prepare": "husky install", + "lint": "eslint src --ext .js,.jsx,.ts,.tsx", + "storybook": "storybook dev -p 6006", + "build-storybook": "storybook build" + }, + "eslintConfig": { + "extends": "react-app" + }, + "lint-staged": { + "./src/**/*.{js,jsx,scss,css,ts,tsx,json}": "prettier --write" + }, + "browserslist": { + "production": [">0.2%", "not dead", "not op_mini all"], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + }, + "devDependencies": { + "@airgap/beacon-types": "^3.3.3", + "@babel/preset-react": "^7.18.6", + "@google/model-viewer": "^3.0.1", + "@hookform/devtools": "^4.3.0", + "@storybook/addon-essentials": "^7.6.11", + "@storybook/addon-interactions": "^7.6.11", + "@storybook/addon-links": "^7.6.11", + "@storybook/blocks": "^7.6.11", + "@storybook/react": "^7.6.11", + "@storybook/react-vite": "^7.6.11", + "@storybook/testing-library": "^0.2.2", + "@testing-library/jest-dom": "^6.4.0", + "@testing-library/react": "^14.2.0", + "@testing-library/user-event": "^14.5.2", + "@vitejs/plugin-react": "^3.1.0", + "assert": "^2.0.0", + "buffer": "^6.0.3", + "cross-env": "^7.0.3", + "cssnano": "^5.1.14", + "eslint": "^8.34.0", + "eslint-config-react-app": "^7.0.1", + "eslint-plugin-jsx-a11y": "^6.6.1", + "eslint-plugin-react": "^7.32.2", + "fnv1a": "^1.1.1", + "fs-extra": "^11.1.0", + "husky": "^7.0.4", + "libsodium-wrappers": "^0.7.11", + "lodash": "^4.17.21", + "path-browserify": "^1.0.1", + "postcss": "^8.4.21", + "postcss-flexbugs-fixes": "^5.0.2", + "postcss-preset-env": "^7.8.3", + "prettier": "^2.8.4", + "process": "^0.11.10", + "prop-types": "^15.8.1", + "react-pdf": "^6.2.2", + "rollup-plugin-node-polyfills": "^0.2.1", + "rollup-plugin-polyfill-node": "^0.12.0", + "sass": "^1.58.1", + "source-map-explorer": "^2.5.3", + "storybook": "^7.6.11", + "stylelint": "^14.16.1", + "stylelint-config-standard-scss": "^6.1.0", + "twemoji": "^14.0.2", + "typescript": "^4.9.5", + "vite": "^4.1.1", + "vite-compatible-readable-stream": "^3.6.1", + "vite-plugin-ejs": "^1.6.4", + "vite-plugin-eslint": "^1.8.1", + "vite-plugin-filter-replace": "^0.1.10", + "vite-plugin-markdown": "^2.1.0", + "vite-plugin-node-polyfills": "^0.7.0", + "vite-plugin-node-stdlib-browser": "^0.1.1", + "vite-plugin-svgr": "^2.4.0", + "vite-tsconfig-paths": "^4.0.5", + "zustand": "^4.3.3" + }, + "overrides": { + "vite-plugin-markdown": { + "vite": "$vite" + }, + "vite-plugin-node-stdlib-browser": { + "vite": "$vite" + } + }, + "module": "commonjs", + "optionalDependencies": { + "@playwright/test": "^1.41.1" } - }, - "module": "commonjs", - "optionalDependencies": { - "@playwright/test": "^1.41.1" - } } diff --git a/src/components/feed-item/index.module.scss b/src/components/feed-item/index.module.scss index 89e85f525..7a983d7b8 100644 --- a/src/components/feed-item/index.module.scss +++ b/src/components/feed-item/index.module.scss @@ -12,6 +12,9 @@ width: 100%; height: 100%; pointer-events: none; + p { + white-space: pre-wrap; + } } .moderated { diff --git a/src/components/preview/index.jsx b/src/components/preview/index.jsx index bcdba612e..6543c54f0 100644 --- a/src/components/preview/index.jsx +++ b/src/components/preview/index.jsx @@ -91,6 +91,7 @@ export const Preview = () => { } return (