Skip to content

Commit

Permalink
fix: css build, merge conflicts, clean up build
Browse files Browse the repository at this point in the history
  • Loading branch information
simodrws committed Sep 26, 2023
2 parents 00a671f + 178b188 commit d8290e7
Show file tree
Hide file tree
Showing 13 changed files with 904 additions and 885 deletions.
7 changes: 2 additions & 5 deletions .eslintignore
Expand Up @@ -5,10 +5,7 @@ stories
typedoc.js
test

# src/refactor/ui/components/modals/
src/refactor/masanew.stories.tsx
src/provider/modules/custom-sbts
# !src/components/masa-interface/masa-interface/create-soulname/*
jest.config.js
scripts/buildUtils.js
src/components

src/*.stories.tsx
11 changes: 5 additions & 6 deletions package.json
Expand Up @@ -19,9 +19,7 @@
"build:webpack": "webpack --mode production --config webpack.config.prod.js",
"build:watch": "tsc -w",
"start": "yarn build:watch",
"build:dist": "cross-env NODE_ENV=production webpack --config oldpack.config.js",
"storybook": "storybook dev -p 3000",
"build-storybook": "storybook build",
"analyze": "size-limit --why",
"size": "size-limit",
"lint": "eslint --config .eslintrc --ignore-path .eslintignore .",
Expand All @@ -36,7 +34,7 @@
"@celo/rainbowkit-celo": "^1.0.2",
"@ebay/nice-modal-react": "^1.2.10",
"@masa-finance/masa-contracts-identity": "^1.10.1",
"@masa-finance/masa-sdk": "^3.8.2",
"@masa-finance/masa-sdk": "^3.8.3",
"@metamask/providers": "^13.0.0",
"@rainbow-me/rainbowkit": "^1.0.11",
"@tanstack/query-sync-storage-persister": "^4.35.3",
Expand Down Expand Up @@ -70,14 +68,15 @@
"@size-limit/webpack-why": "^8.2.6",
"@storybook/addon-essentials": "^7.4.3",
"@storybook/addon-styling": "^1.3.7",
"@storybook/react": "^7.4.3",
"@storybook/react-webpack5": "^7.4.3",
"@storybook/addon-links": "^7.4.5",
"@storybook/react": "^7.4.5",
"@tanstack/eslint-plugin-query": "^4.34.1",
"@tanstack/react-query-devtools": "^4.35.3",
"@types/jest": "^29.5.5",
"@types/node": "^20.6.2",
"@types/react": "^18.2.22",
"@typescript-eslint/eslint-plugin": "^6.7.2",
"@typescript-eslint/eslint-plugin": "^6.7.3",
"@typescript-eslint/parser": "^6.7.2",
"babel-loader": "^9.1.3",
"copy-webpack-plugin": "^11.0.0",
Expand All @@ -94,7 +93,7 @@
"node-polyfill-webpack-plugin": "^2.0.1",
"prettier": "^3.0.3",
"react-json-view-lite": "^0.9.8",
"rimraf": "^5.0.0",
"rimraf": "^5.0.2",
"sass": "^1.67.0",
"sass-loader": "^13.3.2",
"size-limit": "^8.2.6",
Expand Down
4 changes: 2 additions & 2 deletions src/masa.stories.tsx
Expand Up @@ -4,8 +4,8 @@ import type { Chain } from 'wagmi';
import React, { MouseEventHandler } from 'react';
import { Button } from './ui';

import '../styles.scss';
import '../stories.scss';
import './styles.scss';
import './stories.scss';
import 'react-json-view-lite/dist/index.css'; // eslint-disable-line import/no-extraneous-dependencies

import { useWallet } from './wallet-client/wallet/use-wallet';
Expand Down
4 changes: 2 additions & 2 deletions src/masanew.stories.tsx
Expand Up @@ -7,8 +7,8 @@ import { darkStyles, JsonView } from 'react-json-view-lite'; // eslint-disable-l
import { SoulNameDetails } from '@masa-finance/masa-sdk';
import { useAsync } from 'react-use';
import { Button } from './ui';
import '../styles.scss';
import '../stories.scss';
import './styles.scss';
import './stories.scss';
import { useConfig } from './base-provider';
import 'react-json-view-lite/dist/index.css'; // eslint-disable-line import/no-extraneous-dependencies

Expand Down
2 changes: 2 additions & 0 deletions src/scss/modal.scss
Expand Up @@ -36,6 +36,7 @@
}

.title {
padding: 10px;
font-family: Ezra;
font-size: 30px;
word-wrap: break-word;
Expand All @@ -47,6 +48,7 @@
display: flex;
justify-content: center;
align-items: center;
line-height: 24px;
}

.masa-button {
Expand Down
55 changes: 55 additions & 0 deletions src/stories.scss
@@ -1,3 +1,58 @@
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
font-size: 16px;
color: var(--color-secondary);
}

h1,
h2,
h3 {
font-family: Ezra;
font-weight: 500;
}

section {
width: 100%;
display: flex;
flex-direction: row;
align-items: start;
flex-wrap: wrap;

justify-content: center;
}
code {
color: black;
}
ul {
width: 100%;
margin: var(--base-margin);
padding: var(--base-padding);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
ul {
&:nth-child(3n) {
flex-basis: 100%;
}
}

h3 {
text-decoration: underline;
text-align: center;
}
list-style: none;
border: 1px solid black;
li {
flex-wrap: wrap;
padding: 4px;
text-align: center;
}
}

.flex-50 {
flex: 1 1 50%;
}
Expand Down
File renamed without changes.
58 changes: 1 addition & 57 deletions src/styles.scss
@@ -1,4 +1,4 @@
@use './scss/fonts.scss';
@use './styles-fonts.scss';
@use './scss/rodal.scss';
@use './scss/modal.scss';
@use './ui/components/button.scss';
Expand All @@ -12,61 +12,5 @@
--base-margin: 8px;
}


* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
font-size: 16px;
color: var(--color-secondary);
}

h1,
h2,
h3 {
font-family: Ezra;
font-weight: 500;
}

section {
width: 100%;
display: flex;
flex-direction: row;
align-items: start;
flex-wrap: wrap;

justify-content: center;
}
code {
color: black;
}
ul {
width: 100%;
margin: var(--base-margin);
padding: var(--base-padding);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
ul {
&:nth-child(3n) {
flex-basis: 100%;
}
}

h3 {
text-decoration: underline;
text-align: center;
}
list-style: none;
border: 1px solid black;
li {
flex-wrap: wrap;
padding: 4px;
text-align: center;
}
}

@import '~@rainbow-me/rainbowkit/styles.css';
@import '~react-phone-number-input/style.css';
131 changes: 66 additions & 65 deletions src/ui/styles.scss
@@ -1,72 +1,73 @@
@use './scss/fonts.scss';
@use './scss/rodal.scss';
@use './scss/modal.scss';
@use './components/button.scss';
@use './components/gallery/gallery.scss';
@use './scss/rc-tooltip.scss';
// @use './scss/fonts.scss';
// @use './scss/rodal.scss';
// @use './scss/modal.scss';
// @use './components/button.scss';
// @use './components/gallery/gallery.scss';
// @use './scss/rc-tooltip.scss';

:root {
--color-secondary: black;
--color-primary: white;
--base-padding: 8px;
--base-margin: 8px;
}
// :root {
// --color-secondary: black;
// --color-primary: white;
// --base-padding: 8px;
// --base-margin: 8px;
// }

// * {
// box-sizing: border-box;
// margin: 0;
// padding: 0;
// font-family: 'Inter', sans-serif;
// font-size: 16px;
// color: var(--color-secondary);
// }

* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
font-size: 16px;
color: var(--color-secondary);
}
// h1,
// h2,
// h3 {
// font-family: Ezra;
// font-weight: 500;
// }

h1,
h2,
h3 {
font-family: Ezra;
font-weight: 500;
}
// section {
// width: 100%;
// display: flex;
// flex-direction: row;
// align-items: start;
// flex-wrap: wrap;

section {
width: 100%;
display: flex;
flex-direction: row;
align-items: start;
flex-wrap: wrap;
// justify-content: center;
// }
// code {
// color: black;
// }
// ul {
// width: 100%;
// margin: var(--base-margin);
// padding: var(--base-padding);
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: center;
// ul {
// &:nth-child(3n) {
// flex-basis: 100%;
// }
// }

justify-content: center;
}
code {
color: black;
// h3 {
// text-decoration: underline;
// text-align: center;
// }
// list-style: none;
// border: 1px solid black;
// li {
// flex-wrap: wrap;
// padding: 4px;
// text-align: center;
// }
// }
.sme-class {
border: 2px solid red;
}
ul {
width: 100%;
margin: var(--base-margin);
padding: var(--base-padding);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
ul {
&:nth-child(3n) {
flex-basis: 100%;
}
}

h3 {
text-decoration: underline;
text-align: center;
}
list-style: none;
border: 1px solid black;
li {
flex-wrap: wrap;
padding: 4px;
text-align: center;
}
}

@import '~@rainbow-me/rainbowkit/styles.css';
@import '~react-phone-number-input/style.css';
// @import '~@rainbow-me/rainbowkit/styles.css';
// @import '~react-phone-number-input/style.css';
2 changes: 1 addition & 1 deletion src/wallet.stories.tsx
Expand Up @@ -4,7 +4,7 @@ import type { Chain } from 'wagmi';
import React, { MouseEventHandler } from 'react';
import { Button } from './ui';
import './ui/styles.scss';
import '../styles.scss';
import './stories.scss';
import 'react-json-view-lite/dist/index.css'; // eslint-disable-line import/no-extraneous-dependencies

import { useWallet } from './wallet-client/wallet/use-wallet';
Expand Down
1 change: 1 addition & 0 deletions tsconfig.json
@@ -1,6 +1,7 @@
{
// see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
"include": ["src"],
"exclude": ["src/*.stories.tsx"],
"compilerOptions": {
"target": "ES2015",
"module": "ES6",
Expand Down

0 comments on commit d8290e7

Please sign in to comment.