Merge pull request #72 from gipplab/dev

jpwahle · web-flow · commit 10efb8adaea6 · 2022-07-14T15:17:36.000+02:00
feat(Naming): Added favicon.ico, title of page, and changed logos to …
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>CS-Insights | Analyze Computer Science Research With the Click of a Button</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/public/logo.jpg b/public/logo.jpg
diff --git a/src/components/ResponsiveAppBar.tsx b/src/components/ResponsiveAppBar.tsx
@@ -89,7 +89,7 @@ const ResponsiveAppBar = () => {
             color: 'white',
           }}
         >
-          <b>D4</b>
+          <img src="/logo.jpg" width="150px" style={{ marginLeft: '-10px' }}></img>
         </Typography>
         <Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}>
           {pages.map((page) => (
diff --git a/src/routes/home.tsx b/src/routes/home.tsx
@@ -12,11 +12,11 @@ export default function Home() {
 
   return (
     <div style={{ backgroundColor: '#eeeeee' }}>
-      <Container className="home">
-        <Stack spacing={2} alignItems="center">
-          <div className="app-logo">D4</div>
+      <Container className="home" style={{ display: 'flex', justifyContent: 'center' }}>
+        <Stack spacing={2} alignItems="center" style={{ marginTop: '-100px' }}>
+          <img src="/logo.jpg" width="35%"></img>
           <Typography variant="h4" fontWeight={'bold'}>
-            Welcome to the DBLP Discovery Dataset Demo (D4)
+            Welcome to the CS-Insights Demo
           </Typography>
           <Typography className="statsHighlight" style={{ margin: '0px' }}>
             v{process.env.REACT_APP_VERSION}
@@ -60,10 +60,6 @@ export default function Home() {
             </a>
             !
           </Stack>
-          <div style={{ width: '50%', color: 'red' }}>
-            The issues with an out-of-sync state should be fixed. Please report if you still
-            experience a desynced state.
-          </div>
           <footer
             style={{
               color: 'gray',
diff --git a/src/tools.ts b/src/tools.ts
@@ -17,7 +17,7 @@ function useExportFilename(
   filter: Filter,
   parameters?: NonFilterParameters
 ) {
-  return `d4_${chart}_${route}_${Object.values({ ...filter, ...parameters }).join('_')}`;
+  return `cs-insights_${chart}_${route}_${Object.values({ ...filter, ...parameters }).join('_')}`;
 }
 
 export function useExport(chart: string, route: string, parameters?: NonFilterParameters) {

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@ const ResponsiveAppBar = () => {`
`89`	`89`	`color: 'white',`
`90`	`90`	`}}`
`91`	`91`	`>`
`92`		`- <b>D4</b>`
	`92`	`+ <img src="/logo.jpg" width="150px" style={{ marginLeft: '-10px' }}></img>`
`93`	`93`	`</Typography>`
`94`	`94`	`<Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}>`
`95`	`95`	`{pages.map((page) => (`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ function useExportFilename(`
`17`	`17`	`filter: Filter,`
`18`	`18`	`parameters?: NonFilterParameters`
`19`	`19`	`) {`
`20`		- return `d4_${chart}_${route}_${Object.values({ ...filter, ...parameters }).join('_')}`;
	`20`	+ return `cs-insights_${chart}_${route}_${Object.values({ ...filter, ...parameters }).join('_')}`;
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`export function useExport(chart: string, route: string, parameters?: NonFilterParameters) {`