-
{
- return;
- debugger;
- console.log(styles);
-
- ref?.animate(styles.anim);
- }}
- >
- {title}
-
+
+
{title}
{text}
- {text2}
+ {description}
- {/*
-
- decentralized{' '}
-
- {
- switch (titleType) {
- case TitleType.search:
- return 'search';
-
- case TitleType.learning:
- return 'learning';
+ {!isMobile && (
+
+
- case TitleType.ai:
- return 'ai';
-
- default:
- return '';
- }
- })()}
- delay={40}
- />
- {' '}
-
is here
- */}
-
- {/*
*/}
- {/* {isRenderGraph && (
+ {isRenderGraph && (
- )} */}
- {/*
*/}
-
- {/* not render to prevent requests */}
- {/* {!isMobile &&
} */}
- {/*
- {listConfig[titleType].map(({ title, text }) => {
- return (
- -
-
-
- );
- })} */}
-
- {/*
*/}
+ )}
+
+ )}
- {['cyber', 'donut of knowledge', 'help'].map((keyword) => {
- return ;
+ {[
+ {
+ query: 'cyber',
+ author: 'bostrom1d8754xqa9245pctlfcyv8eah468neqzn3a0y0t',
+ },
+ {
+ query: 'donut of knowledge',
+ author: 'bostrom1k7nssnnvxezpp4una7lvk6j53895vadpqe6jh6',
+ },
+ {
+ query: 'help',
+ author: 'bostrom1hmkqhy8ygl6tnl5g8tc503rwrmmrkjcq3lduwj',
+ },
+ ].map(({ query, author }) => {
+ return ;
})}
@@ -283,4 +233,4 @@ function Search() {
);
}
-export default Search;
+export default OracleLanding;
diff --git a/src/pages/Search/Stats/Stats.module.scss b/src/pages/oracle/landing/Stats/Stats.module.scss
similarity index 100%
rename from src/pages/Search/Stats/Stats.module.scss
rename to src/pages/oracle/landing/Stats/Stats.module.scss
diff --git a/src/pages/oracle/landing/Stats/Stats.tsx b/src/pages/oracle/landing/Stats/Stats.tsx
new file mode 100644
index 000000000..8b9cd6fda
--- /dev/null
+++ b/src/pages/oracle/landing/Stats/Stats.tsx
@@ -0,0 +1,63 @@
+import {
+ useGetGraphStats,
+ useGetNegentropy,
+} from 'src/containers/temple/hooks';
+import { TypingText } from 'src/containers/temple/pages/play/PlayBanerContent';
+import cx from 'classnames';
+import styles from './Stats.module.scss';
+import { TitleType } from '../OracleLanding';
+import { routes } from 'src/routes';
+import { Link } from 'react-router-dom';
+
+type Props = {
+ type: TitleType;
+};
+
+const REFETCH_INTERVAL = 1000 * 7;
+
+function Stats({ type }: Props) {
+ const dataGetGraphStats = useGetGraphStats(REFETCH_INTERVAL);
+ const negentropy = useGetNegentropy(REFETCH_INTERVAL);
+
+ let value: number | undefined;
+ let text: string | JSX.Element;
+
+ switch (type) {
+ case TitleType.search:
+ value = dataGetGraphStats.data?.particles;
+ text =
particles;
+ break;
+
+ case TitleType.learning:
+ value = dataGetGraphStats.data?.cyberlinks;
+ text = (
+
cyberlinks
+ );
+ break;
+
+ case TitleType.ai:
+ value = negentropy.data?.negentropy;
+ text = (
+
syntropy bits
+ );
+ break;
+
+ default:
+ }
+
+ return (
+
+ {value && (
+ <>
+ {' '}
+ {text} and growing
+
+ )}
+
+ );
+}
+
+export default Stats;
diff --git a/src/pages/Search/components/KeywordButton/KeywordButton.module.scss b/src/pages/oracle/landing/components/KeywordButton/KeywordButton.module.scss
similarity index 100%
rename from src/pages/Search/components/KeywordButton/KeywordButton.module.scss
rename to src/pages/oracle/landing/components/KeywordButton/KeywordButton.module.scss
diff --git a/src/pages/Search/components/KeywordButton/KeywordButton.stories.tsx b/src/pages/oracle/landing/components/KeywordButton/KeywordButton.stories.tsx
similarity index 100%
rename from src/pages/Search/components/KeywordButton/KeywordButton.stories.tsx
rename to src/pages/oracle/landing/components/KeywordButton/KeywordButton.stories.tsx
diff --git a/src/pages/oracle/landing/components/KeywordButton/KeywordButton.tsx b/src/pages/oracle/landing/components/KeywordButton/KeywordButton.tsx
new file mode 100644
index 000000000..c1d446377
--- /dev/null
+++ b/src/pages/oracle/landing/components/KeywordButton/KeywordButton.tsx
@@ -0,0 +1,21 @@
+import { Link } from 'react-router-dom';
+import styles from './KeywordButton.module.scss';
+import { routes } from 'src/routes';
+import { Account, Tooltip } from 'src/components';
+import Pill from 'src/components/Pill/Pill';
+
+function KeywordButton({ keyword, author }: { keyword: string }) {
+ return (
+
}>
+
+ {keyword}
+
+
+ );
+}
+
+export default KeywordButton;
diff --git a/src/pages/Search/components/TitleText/TitleText.module.scss b/src/pages/oracle/landing/components/TitleText/TitleText.module.scss
similarity index 100%
rename from src/pages/Search/components/TitleText/TitleText.module.scss
rename to src/pages/oracle/landing/components/TitleText/TitleText.module.scss
diff --git a/src/pages/Search/components/TitleText/TitleText.stories.tsx b/src/pages/oracle/landing/components/TitleText/TitleText.stories.tsx
similarity index 100%
rename from src/pages/Search/components/TitleText/TitleText.stories.tsx
rename to src/pages/oracle/landing/components/TitleText/TitleText.stories.tsx
diff --git a/src/pages/Search/components/TitleText/TitleText.tsx b/src/pages/oracle/landing/components/TitleText/TitleText.tsx
similarity index 100%
rename from src/pages/Search/components/TitleText/TitleText.tsx
rename to src/pages/oracle/landing/components/TitleText/TitleText.tsx
diff --git a/src/pages/Search/graphDataPrepared.json b/src/pages/oracle/landing/graphDataPrepared.json
similarity index 100%
rename from src/pages/Search/graphDataPrepared.json
rename to src/pages/oracle/landing/graphDataPrepared.json
diff --git a/src/router.tsx b/src/router.tsx
index 94d0635f1..e24c9a79c 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -55,10 +55,11 @@ import Robot from './pages/robot/Robot';
import SigmaWrapper from './containers/sigma/SigmaWrapper';
import Keys from './pages/Keys/Keys';
import Teleport from './containers/teleport/pages/Teleport';
-import Search from './pages/Search/Search';
-import Learn from './pages/Learn/Learn';
-import CyberlinksGraphContainer from './features/cyberlinks/CyberlinksGraph/CyberlinksGraphContainer';
+import OracleLanding from './pages/oracle/landing/OracleLanding';
+import Learn from './pages/oracle/Learn/Learn';
import ToOracleAsk from './pages/redirects/ToOracleAsk';
+import Social from './pages/Social/Social';
+import Brain from './pages/Brain/Brain';
type WrappedRouterProps = {
children: React.ReactNode;
@@ -116,7 +117,7 @@ function AppRouter() {
}>
- } />
+ } />
} />
} />
@@ -161,11 +162,7 @@ function AppRouter() {
} />
{['/graph', '/brain'].map((path) => (
- }
- />
+ } />
))}
} />
@@ -228,6 +225,8 @@ function AppRouter() {
} />
+ } />
+
{/* works as 404 also */}
} />
} />
diff --git a/src/routes.ts b/src/routes.ts
index 13be20af7..404cb11b3 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -75,4 +75,10 @@ export const routes = {
getLink: (query: string) => `/oracle/ask/${query}`,
},
},
+ social: {
+ path: '/social',
+ },
+ brain: {
+ path: '/brain',
+ },
};
diff --git a/src/style/mixins.scss b/src/style/mixins.scss
index 4797de3bb..407202d6b 100644
--- a/src/style/mixins.scss
+++ b/src/style/mixins.scss
@@ -7,3 +7,11 @@
rgba(54, 214, 174, 0.15) 100%
);
}
+
+@mixin withShareIcon {
+ background-image: url('images/share.svg');
+ background-repeat: no-repeat;
+ background-position: right 1.5px;
+ background-size: 20px;
+ padding-right: 20px;
+}